@charset "utf-8";

html {
	-webkit-font-smoothing: antialiased
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0
}

header,
hgroup,
nav,
menu,
main,
section,
article,
summary,
details,
aside,
figure,
figcaption,
footer {
	display: block;
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,
img {
	border: 0
}

address,
b,
caption,
cite,
code,
dfn,
em,
i,
strong,
th,
var {
	font-style: normal;
	/*font-weight: 400*/
}

dl,
ol,
ul {
	list-style-type: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 400
}

a {
	text-decoration: none
}

a:hover {
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
	outline: 0;
	outline: none;
	blr: expression(this.onFocus=this.blur())
}

sup {
	vertical-align: text-top
}

sub {
	vertical-align: text-bottom
}

textarea {
	resize: none
}

img {
	vertical-align: middle
}

button,
input[type=submit],
input[type=text],
input[type=button],
select {
	/*-webkit-appearance:none*/
;
	border-radius: 0;
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
	outline: 0;
	outline: 0;
	blr: expression(this.onFocus=this.blur())
}

body {
	color: #000;
	line-height: 1.3;
	overflow-x: hidden;
	background: #fff;
	font-family: '微软雅黑', Arial, Helvetica, sans-serif;
	position: relative;
}

.fl {
	float: left
}

.fr {
	float: right
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0
}

#web-ietip {
	width: 526px;
	height: 90px;
	padding: 83px 0 0 84px;
	overflow: hidden;
	background: url(../css/ietip/browser.png) no-repeat center center;
	margin: 200px auto 0;
}

#web-ietip a {
	display: block;
	width: 65px;
	height: 80px;
	float: left;
}

.brs {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}


.banner {
	position: relative;
}

.banner div {
	height: 580px !important;
	background-size: cover;
	background-position: center center;
	background-repeat: none
}

.banner .slick-dots {
	position: absolute;
	bottom: 50px;
	text-align: center;
}

.banner .slick-dots li {
	display: inline-block;
	margin-left: 13px;
}

.banner .slick-dots li button {
	cursor: pointer;
	border: none;
	font-size: 0;
	width: 18px;
	height: 18px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: rgba(57, 149, 236, .7);
}

.banner .slick-dots li.slick-active button {
	background: #fff
}

.header {
	position: absolute;
	top: 0;
	z-index: 99;
	width: 100%;
}

.header .top {
	background: rgba(0, 0, 0, .3);
	height: 35px;
	width: 100%;
}

.header .topBox {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.header .top h5 {
	line-height: 35px;
	font-size: 13px;
	color: #aebbc8;
	float: left;
}

.header .topBox a {
	display: block;
	float: right;
	line-height: 35px;
	font-size: 13px;
	color: #aebbc8;
	margin-left: 20px
}

.header .topBox a i {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

.header .topBox a:hover {
	color: #fff;
}

.header .topBox a:nth-child(2) i {
	font-size: 14px
}


.logoNav {
	width: 1200px;
	margin: 0 auto
}

.logoNav .logo {
	width: 300px;
	float: left;
	display: flex;
	align-items: flex-end;
}

.navPc {
	float: right;
}

.navPc ul li {
	float: left;
	font-size: 14px;
	margin-top: 30px;
	position: relative;
	width: 126px;
	text-align: center;
}

.navPc ul li a {
	color: #fff;
	padding: 10px 0;
	display: block;
}

.navPc ul li i {
	display: block;
	width: 0%;
	margin: 0 auto;
	height: 1px;
	background: #fff;
	transition: width .5s
}

.navPc ul li:hover i {
	transition: width .5s;
	width: 50%;
	background: #fff;
}

.mhead {
	display: none
}

.hedxPc {
	position: absolute;
	top: 104px;
	width: 100%;
	background: rgba(0, 55, 112, .7);
	z-index: 999;
	display: none;
	left: 0
}

.sedBox {
	width: 1200px;
	margin: 0 auto
}

.hedxPc dl {
	overflow: hidden;
	width: 126px;
	float: right;
	padding-bottom: 10px;

	
	
}

.hedxPc dl dd {
	text-align: center;
	font-size: 14px;
	padding: 10px 0 0 0px
}

.hedxPc dl dd a {
	display: block;
	color: #8db2ef;
}

.hedxPc dl dd a:hover {
	color: #fff;
}

.hedxPc dl:hover {
	background: rgba(0, 55, 112, .9);
}

@media screen and (max-width: 1200px) {

	.header {
		display: none
	}

	.mhead {
		display: block;
		position: absolute;
		text-align: center;
		z-index: 99999999;
		width: 100%
	}

	.mhead .logo {
		display: block;
		margin: 0 auto;
		width: 40%;
	}

	.mhead .logo img {
		width: 100%;
	}

	.banner div {
		height: 500px !important
	}

	.banner .slick-dots {
		bottom: 15px
	}

	.banner .slick-dots li button {
		bottom: 15px;
		width: 13px;
		height: 13px
	}

	.m-nav {
		display: block;
		position: absolute;
		right: 5%;
		top: 30%;
		cursor: pointer;
		z-index: 999999
	}

	.m-nav span {
		margin-bottom: 5px;
		display: block;
		width: 42px;
		height: 5px;
		background: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	.m-nav.open span:nth-child(1) {
		-webkit-transition: transform .5s;
		-moz-transition: transform .5s;
		transition: transform .5s;
		-webkit-transform-origin: 12% 0%;
		-moz-transform-origin: 12% 0%;
		transform-origin: 12% 0%;
		-webkit-transform: rotate(35deg);
		-moz-transform: rotate(35deg);
		transform: rotate(35deg);
	}

	.m-nav.open span:nth-child(2) {
		opacity: 0;
		filter: alpha(opacity=0);
	}

	.m-nav.open span:nth-child(3) {
		-webkit-transition: transform .5s;
		-moz-transition: transform .5s;
		transition: transform .5s;
		-webkit-transform-origin: 15% 0%;
		-moz-transform-origin: 15% 0%;
		transform-origin: 15% 0%;
		-webkit-transform: rotate(-53deg);
		-moz-transform: rotate(-53deg);
		transform: rotate(-53deg);
	}

	.m-nav.open {
		-webkit-transform: rotate(9deg);
		-moz-transform: rotate(9deg);
		transform: rotate(9deg);

	}




}

@media screen and (max-width:1024px) {

	.banner div {
		height: 400px !important
	}

}

@media screen and (max-width:850px) {

	.banner div {
		height: 350px !important
	}

}


@media screen and (max-width:768px) {

	.banner div {
		height: 202px !important
	}

	.mhead .logo {
		width: 60%;
		margin-top: 1%
	}

	.m-nav span {
		width: 35px;
		height: 4px
	}

	.m-nav {
		top: 25%
	}

}

@media screen and (max-width:718px) {

	.banner div {
		height: 175px !important
	}

}

@media screen and (max-width:411px) {

	.m-nav {
		top: 23%
	}
}


@media screen and (max-width:320px) {

	.banner div {
		height: 147px !important
	}

	.m-nav span {
		width: 32px;
		height: 3px;
	}

}



.footer {
	padding-top: 56px;
	background: #353c43;
	padding-bottom: 50px
}

.foterBox {
	width: 1200px;
	margin: 0 auto;
}

.foterBox .txt {
	float: left;
	width: 87%;
}

.foterBox .txt dl {
	width: 160px;
	float: left;
}

.foterBox .txt dl dt {
	font-size: 16px;
	color: #fff;
	margin-bottom: 35px;
}

.foterBox .txt dl dd {
	color: #aeb0b2;
	font-size: 12px;
	margin-bottom: 15px;
}

.foterBox .txt dl dd a {
	color: #aeb0b2
}

.foterBox .txt dl dd a:hover {
	color: #fff
}

.foterBox .txt dl:last-child {
	float: right;
	width: auto
}

.foterBox .txt dl dd i {
	font-size: 20px;
	margin-right: 10px
}

.foterBox .code {
	float: right;
	text-align: center;
	color: #fff
}

.foterBox .code span {
	margin-bottom: 37px;
	display: block;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #5daeff;
	width: 110px;
	height: 32px;
	line-height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.foterBox .code span a {
	display: block;
	text-align: center;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
}

.foterBox .code span i {
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
}

.foterBot {
	padding: 35px 0;
	background: #222931;
	text-align: center;
}

.foterBot .link {
	text-align: center;
	margin-bottom: 16px;
}

.foterBot .link a {
	display: inline-block;
	color: #a9abad;
	font-size: 14px
}

.foterBot .link i {
	display: inline-block;
	color: #a9abad;
	font-size: 14px;
	margin: 0 16px
}

.foterBot .link a:hover {
	color: #fff
}

.foterBot p {
	font-size: 14px;
	color: #a9abad;
	font-size: 14px
}

#fade {
	display: none
}

.m-navList {
	display: none;
}

.mlogin {
	display: none;
}

@media screen and (max-width:1200px) {
	.foterBox {
		width: 96%;
		margin: 0 auto
	}

	.foterBox .txt,
	.foterBox .code {
		float: none;
		width: 100%;
	}

	.foterBox .txt dl,
	.foterBox .txt dl:last-child {
		float: none;
		width: 100%;
	}

	.foterBox .txt dl dt {
		margin-bottom: 20px;
	}

	.foterBox .txt dl dd {
		width: 18%;
		float: left;
		padding: 5px;
		border: 1px solid #fff;
		box-sizing: border-box;
		margin-right: 2%;
		text-align: center;
	}

	.foterBox .code {
		text-align: left
	}

	.foterBot {
		padding: 25px 2%;
		width: 96%;
	}

	.foterBot .link a {
		padding: 0 12px;
		margin-bottom: 8px;
	}

	.foterBot .link i {
		display: none
	}

	.foterBot p {
		line-height: 25px;
	}



	#fade {
		background: rgba(0, 0, 0, .7);
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 999;
	}

	.m-navList {
		display: block;
		position: fixed;
		width: 50%;
		right: -50%;
		background: rgba(0, 0, 0, .5);
		top: 0;
		z-index: 9999
	}

	.m-navList ul {
		width: 90%;
		margin: 25% auto 0 auto;
	}

	.m-navList ul li {
		font-size: 16px;
		padding: 10px 0
	}

	.m-navList ul li a {
		color: rgba(255, 255, 255, 0.6);
		display: block;
	}

	.m-navList>ul>li.on>a {
		color: #fff;
	}

	/*手机二级*/
	.msed {
		margin-top: 10px;
		border-bottom: 1px solid #ececec;
		padding-top: 15px;
		display: none;
		background: rgba(0, 0, 0, .7);
		padding-left: 10px;
		border-top: 1px solid rgba(255, 255, 255, .6);
	}

	.msed dd {
		height: 35px;
		line-height: 35px;
		font-size: 14px;
	}

	.mlogin {
		margin-top: 10px;
		display: block;
	}

	.mlogin a {
		display: block;
		line-height: 35px;
		font-size: 14px;
		color: #aebbc8;
		margin-left: 10px
	}

	.mlogin a i {
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px
	}


}

@media screen and (max-width:768px) {

	.foterBox .txt dl dd {
		width: 31.33%;
		font-size: 14px;
	}

	.foterBox .code img {
		width: 35%
	}

	.foterBox .txt dl:last-child dd:nth-child(2) {
		width: 100%;
	}

	.m-navList ul li {
		font-size: 14px
	}

}

@media screen and (max-width:640px) {

	.foterBox .txt dl dd {
		width: auto;
	}
}


/*内页banner*/
.cnBaner {
	height: 573px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.cnBaner a {
	display: block;
	width: 100%;
	height: 100%;
}

.sBanner {
	height: 279px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

@media screen and (max-width:1200px) {
	.cnBaner {
		height: 400px;
	}
}

@media screen and (max-width:768px) {
	.cnBaner {
		height: 280px;
	}

}

@media screen and (max-width:600px) {

	.cnBaner {
		height: 185px;
	}

	.sBanner {
		height: 200px;
	}

}



.cNav {
	width: 100%;
	border-bottom: 1px solid #f9f9f9;
}

.cNavBox {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}


.cNavBox ul li {
	display: inline-block;
}

.cNavBox ul li a {
	display: inline-block;
	padding: 22px 5px 22px 5px;
	border-bottom: 2px solid #fff;
}

.cNavBox ul li a h5 {
	font-size: 16px;
	color: #555555
}

.cNavBox ul li a h6 {
	font-size: 12px;
	color: #888888;
	margin-top: 5px;
}

.cNavBox ul li.on a {
	border-bottom: 2px solid #0965f0;
}

.cNavBox ul li:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 32px;
	background: #f9f9f9;
	margin: 0 40px
}

.cNavBox ul li:last-child:after {
	display: none;
}

.cNavBox ul li.on a h5 {
	color: #0c64e9
}

.cNavBox ul li a:hover h5 {
	color: #0c64e9
}

.cNavBox ul li a:hover {
	border-bottom: 2px solid #0965f0;
}


.page {
	margin-top: 34px;
	text-align: right;
}

.page a.prve {
	background: #e5e5e5
}

.page a.next {
	background: #e5e5e5
}

.page a {
	padding: 5px 10px;
	display: inline-block;
	font-size: 14px;
	color: #666666;
	box-sizing: border-box;
	border: 1px solid #e5e5e5
}

.page a:hover {
	background: #0c64e9;
	color: #fff
}

.page span {
	padding: 5px 10px;
	display: inline-block;
	font-size: 14px;
	color: #666666;
	box-sizing: border-box;
}


@media screen and (max-width:1200px) {

	.cNavBox {
		width: 96%;
		display: none;
	}

	.cNavBox ul {
		overflow: hidden;
	}

	.cNavBox ul li {
		width: 25%;
		display: block;
		float: left;
		text-align: center;
	}

	.cNavBox ul li:after {
		display: none;
	}

	.cNavBox ul li a {
		padding: 15px 5px 15px 5px;
	}

	.page {
		text-align: center;
	}

}

@media screen and (max-width:768px) {

	.cNavBox ul li {
		width: 33.33%;
	}

	.cNavBox ul li a {
		padding: 10px 5px 10px 5px;
	}

	.cNavBox ul li a h5 {
		font-size: 14px;
	}

	.page a {
		margin-bottom: 25px
	}

}

/*新闻页面*/

.newslist {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 115px
}

.newslist ul li {
	overflow: hidden;
	padding: 50px 0 30px 0;
	border-bottom: 1px solid #fafafa
}

.newslist ul li .time {
	float: left;
	width: 4%;
	border: 1px solid #e7f0fa;
	box-sizing: border-box;
}

.newslist ul li .time h5 {
	height: 23px;
	text-align: center;
	line-height: 23px;
	background: #0c64e9;
	color: #fff
}

.newslist ul li .time h6 {
	font-size: 18px;
	color: #0c64e9;
	height: 23px;
	text-align: center;
	line-height: 23px;
}

.newslist ul li .text {
	float: right;
	width: 94%;
}

.newslist ul li .text h1 {
	font-size: 18px;
	color: #000000;
	margin-bottom: 15px
}

.newslist ul li .text p {
	font-size: 14px;
	color: #666666
}

.newslist ul li .text a {
	font-size: 14px;
	color: #888888;
	margin-top: 28px;
	display: block;
}

.newslist ul li .text a:hover {
	color: #0c64e9;
	margin-top: 28px
}

.newShow {
	width: 1200px;
	margin: 50px auto 0 auto;
	padding-bottom: 50px
}

.newShow .title {
	padding-bottom: 30px;
	border-bottom: 1px solid #fafafa
}

.newShow .title .time {
	float: left;
}

.newShow .title .time {
	float: left;
	width: 4%;
	border: 1px solid #e7f0fa;
	box-sizing: border-box;
}

.newShow .title .time h5 {
	height: 23px;
	text-align: center;
	line-height: 23px;
	background: #0c64e9;
	color: #fff
}

.newShow .title .time h6 {
	font-size: 18px;
	color: #0c64e9;
	height: 23px;
	text-align: center;
	line-height: 23px;
}

.newShow .title .text {
	float: left;
	margin-left: 3%
}

.newShow .title .text h1 {
	font-size: 30px;
	color: #000000
}

.newShow .title .text p {
	font-size: 14px;
	color: #888888;
	margin-top: 10px
}

.newShow .content {
	padding: 35px;
	border-bottom: 1px solid #fafafa;
}

.newShow .link {
	overflow: hidden;
	margin-top: 35px
}

.newShow .link a {
	display: block;
	float: left;
	color: #888888;
	font-size: 14px
}

.newShow .link a:nth-child(2) {
	float: right;
}

.newShow .link a em {
	color: #0c64e9
}

@media screen and (max-width:1200px) {

	.newslist,
	.newShow {
		width: 96%;
	}

	.newShow {
		margin: 30px auto 0 auto;
		padding-bottom: 30px
	}

	.newslist ul li {
		padding: 30px 0 20px 0;
	}

	.newslist ul li .time {
		float: none;
		width: 10%;
		margin-bottom: 10px
	}

	.newslist ul li .text {
		float: none
	}

	.newslist ul li .text h1 {
		font-size: 16px
	}


	.newShow .title .time {
		float: none;
		width: 10%;
		border: 1px solid #e7f0fa;
		box-sizing: border-box;
		margin-bottom: 10px
	}

	.newShow .title .time h5 {
		height: 23px;
		text-align: center;
		line-height: 23px;
		background: #0c64e9;
		color: #fff
	}

	.newShow .title .time h6 {
		font-size: 18px;
		color: #0c64e9;
		height: 23px;
		text-align: center;
		line-height: 23px;
	}

	.newShow .title .text {
		float: none;
		margin-left: 0
	}

	.newShow .title .text h1 {
		font-size: 18px
	}

	.newShow .content {
		padding: 20px
	}

	.newShow .content img {
		width: 100% !important;
	}

	.newShow .link a {
		float: none;
		margin-bottom: 15px
	}

	.newShow .link a:nth-child(2) {
		float: none
	}
}

@media screen and (max-width:768px) {

	.newslist ul li .time,
	.newShow .title .time {
		width: 20%;
	}

	.newShow .title .text h1 {
		font-size: 16px
	}

}

.itCenter {
	background: #f7f7f7;
	padding: 30px 0 50px 0
}

.itBox {
	width: 1200px;
	margin: 0 auto;
}

.itBox .title h3 {
	font-size: 30px;
	color: #000000;
	text-align: center;
}

.itBox .title h3:after {
	content: '';
	width: 35px;
	background: #0f68ee;
	height: 2px;
	display: block;
	margin: 23px auto 0 auto;
}

.itlist {
	width: 1200px;
	margin: 28px auto 0 auto
}

.itlist ul {
	padding: 0 1%;
}

.itlist .list-1 li {
	float: left;
	background: #fff;
	width: 28%;
	margin-right: 2%;
	padding: 2% 2% 5% 2%;
	margin-bottom: 25px
}

.itlist .list-1 li .pic {
	text-align: center;
	margin-bottom: 2%
}

.itlist .list-1 li .pic img {
	display: inline-block;
}

.itlist .list-1 li h4 {
	font-size: 18px;
	color: #000000;
	margin-bottom: 25px
}

.itlist .list-1 li p {
	font-size: 14px;
	color: #666666;
	margin-bottom: 10px
}

.itlist .list-1 li a {
	font-size: 14px;
	color: #666666;
	margin-top: 25px;
	display: block;
}

.itlist .list-1 li a:hover {
	color: #0d7aea
}

.itlist .list-2 li {
	width: 45%;
	padding: 5% 2% 3% 2%;
	float: left;
	margin-right: 2%;
	margin-bottom: 25px;
	background: #fff
}

.itlist .list-2 li .pic {
	float: left;
	width: 40%;
	text-align: center;
}

.itlist .list-2 li .text {
	float: left;
	width: 55%;
	margin-left: 5%;
}

.itlist .list-2 li .pic img {
	display: inline-block;
}

.itlist .list-2 li h4 {
	font-size: 18px;
	color: #000000;
	margin-bottom: 25px
}

.itlist .list-2 li p {
	font-size: 14px;
	color: #666666;
	margin-bottom: 10px
}

.itlist .list-2 li a {
	font-size: 14px;
	color: #666666;
	margin-top: 25px;
	display: block;
}

.itlist .list-2 li a:hover {
	color: #0d7aea
}

.itlist ul li {
	position: relative;
	top: 0;
}

.itlist ul li:hover {
	position: relative;
	top: -5px;
	box-shadow: 5px 5px 5px #e1e1e1;
}

@media screen and (max-width:1200px) {

	.itBox {
		width: 96%;
	}

	.itBox .title h3 {
		font-size: 22px
	}

	.itBox .title h3:after {
		margin: 9px auto 0 auto;
	}

	.itlist .list-1 li .pic {
		width: 45%;
		margin: 0 auto 10px auto
	}

	.itlist .list-1 li .pic img {
		width: 100%
	}

	.itlist .list-2 li .pic {
		width: 30%;
		margin: 0 auto 10px auto
	}

	.itlist .list-2 li .pic img {
		width: 100%
	}

	.itlist .list-1 li h4 {
		margin-bottom: 10px;
		font-size: 16px
	}

	.itlist .list-2 li h4 {
		margin-bottom: 10px;
		font-size: 16px
	}

	.itlist {
		width: 96%;
	}

}

@media screen and (max-width:768px) {

	.itlist .list-1 li {
		width: 45%;
	}

	.itBox .title h3 {
		font-size: 18px
	}

	.itlist .list-2 li {
		width: 96%;
		float: none;
		overflow: hidden;
		margin-bottom: 10px;
	}

	.itlist .list-1 li h4,
	.itlist .list-2 li h4 {
		font-size: 14px
	}

	.itlist .list-1 li p,
	.itlist .list-1 li a {
		font-size: 12px
	}

	.itlist .list-2 li p,
	.itlist .list-2 li a {
		font-size: 12px;
	}

	.itlist .list-2 li a {
		margin-top: 10px
	}

}

.servicelist {
	overflow: hidden;
	width: 1200px;
	margin: 28px auto 0 auto
}

.servicelist ul {
	padding: 0 1%;
}

.servicelist ul li {
	float: left;
	background: #fff;
	width: 24%;
	margin-right: 2%;
	padding: 2% 4% 5% 4%;
	margin-bottom: 25px
}

.servicelist ul li .pic {
	text-align: center;
	margin-bottom: 30px
}

.servicelist ul li .pic img {
	display: inline-block;
}

.servicelist ul li h4 {
	font-size: 18px;
	color: #000000;
	margin-bottom: 15px
}

.servicelist ul li p {
	font-size: 14px;
	color: #666666;
	margin-bottom: 10px;
	line-height: 25px
}

.servicelist ul li a {
	font-size: 14px;
	color: #666666;
	margin-top: 25px;
	display: block;
}

.servicelist ul li a:hover {
	color: #0d7aea
}

.servicelist ul li {
	position: relative;
	top: 0;
	-webkit-transition: top .5s;
	-moz-transition: top .5s;
	transition: top .5s
}

.servicelist ul li:hover {
	position: relative;
	top: -5px;
	box-shadow: 5px 5px 5px #e1e1e1;
	-webkit-transition: top .5s;
	-moz-transition: top .5s;
	transition: top .5s
}

.otherSer {
	width: 1200px;
	margin: 47px auto 0 auto
}

.otherSer .tag {
	margin-bottom: 20px
}

.otherSer .tag h1 {
	font-size: 30px;
	color: #000000;
	border-left: 2px solid #0d63e6;
	padding-left: 21px
}

.otherSer ul {
	overflow: hidden;
}

.otherSer ul li {
	font-size: 14px;
	color: #666666;
	background: #fff;
	width: 33.33%;
	border: 1px solid #f9f9f9;
	float: left;
	padding: 0 2%;
	line-height: 50px;
	box-sizing: border-box;
}

.otherSer ul li i {
	color: #ff9e11;
	margin-right: 10px
}

@media screen and (max-width:1200px) {

	.servicelist {
		width: 900px
	}

	.servicelist ul li .pic {
		width: 45%;
		margin: 0 auto 10px auto
	}

	.servicelist ul li .pic img {
		width: 100%
	}

	.servicelist ul li h4 {
		margin-bottom: 10px;
		font-size: 16px
	}

	.otherSer {
		width: 96%;
		margin: 27px auto 0 auto;
	}

	.otherSer .tag h1 {
		font-size: 22px;
	}

	.otherSer ul li {
		width: 50%;
	}
}

@media screen and (max-width:900px) {

	.servicelist {
		width: 640px
	}

}

@media screen and (max-width:768px) {

	.otherSer .tag h1 {
		font-size: 18px
	}

	.otherSer ul li {
		width: 100%;
	}

}


@media screen and (max-width:640px) {
	.servicelist {
		width: 96%
	}

	.servicelist ul li {
		width: 92%;
		float: none;
	}

	.servicelist ul li .pic {
		width: 20%;
	}

	.servicelist ul li h4 {
		font-size: 14px;
	}

	.servicelist ul li p {
		font-size: 12px
	}

	.servicelist ul li {
		margin-bottom: 15px
	}

}



.serShow {
	width: 1200px;
	margin: 30px auto 0 auto;
	overflow: hidden;
}

.leftMun {
	width: 18%;
	float: left;
}

.leftMun h2 {
	color: #000000;
	font-size: 24px;
	height: 56px;
	border-bottom: 1px solid #f9f9f9;
}

.leftMun ul li {
	height: 55px;
	line-height: 55px;
	text-align: center;
	font-size: 14px;
	color: #666666;
	overflow: hidden;
	border-bottom: 1px solid #f9f9f9;
}

.leftMun ul li h5 {
	color: #666666;
	float: left;
}

.leftMun ul li i {
	float: right;
	color: #dedede;
	font-size: 12px
}

.leftMun ul li:hover h5 {
	color: #0d7aea
}

.leftMun ul li.on a h5 {
	color: #0d7aea
}

.rightText {
	float: right;
	width: 75%
}

.rightText .title {
	padding-bottom: 40px;
	border-bottom: 1px solid #f9f9f9;
}

.rightText .title .pic {
	width: 15%;
	float: left;
}

.rightText .title .pic img {
	width: 100%;
}

.rightText .title .text {
	float: left;
	width: 80%;
	margin-left: 5%
}

.rightText .title .text h1 {
	font-size: 24px;
	color: #000000;
	margin-top: 27px
}

.rightText .title .text p {
	color: #666666;
	font-size: 14px;
	margin-top: 23px
}

.rightText .content {
	margin-bottom: 80px
}

.rightText .content h3 {
	line-height: 60px;
	height: 60px;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #f9f9f9;
}

.rightText .content ul {
	margin: 30px 0
}

.rightText .content ul li {
	font-size: 14px;
	color: #666666;
	margin-bottom: 22px
}

.rightText .content ul li:before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #0c64e9;
	vertical-align: middle;
	margin-right: 20px;
	margin-left: 10px
}

.rightText .content ul li a {
	color: #666666;
}

.itCenlist {
	float: right;
	width: 75%;
	margin-bottom: 100px
}

.itCenlist ul li {
	padding: 30px 0;
	border-bottom: 1px solid #f9f9f9;
	font-size: 16px;
	color: #000000
}

.itCenlist ul li a {
	color: #000000;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff
}

.itCenlist ul li a:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 5px;
	background: #999999;
	margin-right: 20px;
	margin-left: 10px;
}

.itCenlist ul li a:hover {
	border-color: #0274ea
}

.itCenlist ul li a:hover:before {
	background: #0274ea
}


.itSupport {
	float: right;
	width: 78%;
	margin-bottom: 100px
}

.itSupport .bor {
	margin-top: 56px
}

.itSupport .bor div {
	float: left;
}

.itSupport .bor .blue {
	background: url(../images/blue.jpg) center center no-repeat;
	background-size: cover;
	width: 295px;
	height: 105px;
	margin-right: 25px
}

.itSupport .bor div h5 {
	color: #ffffff;
	font-size: 16px;
	padding-top: 30px;
	margin-left: 30px
}

.itSupport .bor div em {
	font-size: 14px;
	color: #ffffff;
	display: block;
	margin-left: 30px;
	margin-top: 10px
}

.itSupport .bor .orge {
	background: url(../images/orge.jpg) center center no-repeat;
	background-size: cover;
	width: 295px;
	height: 105px;
	margin-right: 25px
}

.itSupport .bor .red {
	background: url(../images/red.jpg) center center no-repeat;
	background-size: cover;
	width: 295px;
	height: 105px;
}

.itSupport .comlist {
	padding-top: 42px;
	border-top: 1px solid #f9f9f9;
	margin-top: 50px
}

.itSupport .comlist span {
	display: block;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 18px
}

.itDownload {
	float: right;
	width: 75%;
	margin-bottom: 100px
}

.itDownload ul {
	margin-top: 65px
}

.itDownload ul li {
	margin-bottom: 35px;
	padding-bottom: 35px;
	border-bottom: 1px solid #f9f9f9
}

.itDownload ul li h1 {
	font-size: 30px;
	color: #000000;
	margin-bottom: 18px
}

.itDownload ul li p {
	font-size: 14px;
	color: #666666;
	line-height: 25px
}

.itDownload ul li a {
	margin-top: 28px;
	color: #0c64e9;
	font-size: 12px;
	display: block;
	width: 97px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #196ff0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.itDownload ul li a:hover {
	background: #ff9700;
	border-color: #ff9700;
	color: #fff
}


.itquestion {
	float: right;
	width: 75%;
	margin-bottom: 100px
}

.itquestion ul {
	margin-top: 65px;
	margin-bottom: 60px
}

.itquestion ul li span {
	cursor: pointer;
	display: block;
	width: 100%;
	background: #fff;
	height: 55px;
	overflow: hidden;
	border-bottom: 1px solid #f7f7f7
}

.itquestion ul li span h5 {
	line-height: 55px;
	color: #000000;
	font-size: 16px;
	float: left;
}

.itquestion ul li span h5:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 5px;
	background: #999999;
	margin-right: 20px
}

.itquestion ul li i {
	color: #0c64e9;
	font-size: 16px;
	display: block;
	line-height: 55px;
	margin-right: 20px
}

.itquestion ul li .text {
	background: #f7f7f7;
	padding: 30px;
	display: none;
}

.itquestion ul li .text p {}

.itquestion ul li.active span {
	background: #ff9700
}

.itquestion ul li.active span h5 {
	color: #fff
}

.itquestion ul li.active span h5:before {
	background: #ff9700
}

.itquestion ul li.active i {
	color: #fff
}

.itnotice {
	float: right;
	width: 75%;
	margin-bottom: 100px
}

.itnotice ul {
	overflow: hidden;
	margin: 60px auto;
}

.itnotice ul li {
	margin-bottom: 18px;
	float: left;
	border: 2px solid #f7f7f7;
	width: 49%;
	margin-right: 2%;
	background: #f7f7f7;
	padding: 5% 3%;
	box-sizing: border-box;
}

.itnotice ul li h4 {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}

.itnotice ul li .txt {
	margin-top: 14px;
	height: 88px
}

.itnotice ul li .txt p {
	font-size: 14px;
	color: #666666
}

.itnotice ul li a {
	font-size: 14px;
	color: #666666;
	display: block;
}

.itnotice ul li:hover {
	background: #fff;
	border-color: #5ea6f1
}

.itnotice ul li:hover h4 {
	color: #0d7aea
}

.itnotice ul li:hover a {
	color: #0d7aea
}

.noticdetail {
	overflow: hidden;
	margin: 50px auto;
}

.noticdetail h1 {
	font-size: 24px;
	color: #000000;
	text-align: center;
	padding-bottom: 30px;
	border-bottom: 1px solid #f9f9f9
}

.noticdetail .text {
	margin-top: 35px
}

.noticdetail .text h2 {
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	margin-bottom: 30px
}



.topMun {
	display: none;
}

.serShow h6 {
	display: none
}


.page2 {
	overflow: hidden;
	text-align: center;
}

.page2 .prve {
	color: #c9c9c9;
	font-size: 12px
}

.page2 .next {
	color: #c9c9c9;
	font-size: 12px
}

.page2 a {
	display: inline-block;
	color: #696969;
	margin: 0 5px;
	vertical-align: middle;
}

.page2 span {
	display: inline-block;
	vertical-align: middle;
	color: #c9c9c9;
	font-size: 14px;
	margin-left: 15px
}

.page2 a:hover {
	color: #0c79e9
}

.page2 a.on {
	color: #0c79e9
}


@media screen and (max-width:1200px) {
	.serShow {
		width: 96%;
		margin: 20px auto 0 auto;
	}

	.leftMun {
		display: none;
	}

	.rightText {
		width: 100%;
		margin: 0 auto;
		float: none;
	}

	.topMun {
		display: block;
		overflow: hidden;
		border-bottom: 1px solid #d7d7d7
	}

	.topMun li {
		float: left;
		text-align: center;
		font-size: 16px;
		outline: none;
	}

	.topMun li a {
		color: #666666;
		display: inline-block;
		padding-bottom: 20px;
		outline: none;
		border-bottom: 2px solid #fff
	}

	.topMun li.on a {
		color: #3a5485;
		border-bottom: 2px solid #3a5485
	}

	.serShow h6 {
		display: block;
		text-align: center;
		font-size: 18px;
		margin-bottom: 15px
	}

	.rightText {
		margin-top: 20px
	}

	.rightText .title .pic {
		float: none;
		margin: 0 auto
	}

	.rightText .title .text {
		float: none;
		width: 100%;
		margin-left: 0;
	}

	.rightText .title .text h1 {
		font-size: 18px;
	}

	.rightText .title .text p {
		margin-top: 10px
	}

	.itCenlist {
		float: none;
		width: 100%;
		margin-bottom: 50px
	}

	.itCenlist ul li {
		padding: 15px 0;
		font-size: 14px
	}

	.itSupport {
		width: 100%;
		float: none;
	}

	.itSupport .bor {
		margin-top: 30px
	}

	.itSupport .comlist {
		padding-top: 22px;
		margin-top: 30px;
	}

	.itDownload {
		width: 100%;
		float: none;
		margin-bottom: 30px
	}

	.itDownload ul {
		margin-top: 20px
	}


	.itquestion {
		width: 100%;
		float: none;
		margin-bottom: 30px
	}

	.itquestion ul {
		margin: 30px auto
	}

	.itquestion ul li span {
		height: 35px
	}

	.itquestion ul li span h5 {
		line-height: 35px;
		font-size: 14px
	}

	.itquestion ul li i {
		line-height: 35px
	}

	.itnotice {
		width: 100%;
		float: none;
		margin-bottom: 30px
	}

	.itnotice ul {
		margin: 20px auto
	}

	.itnotice ul li {
		width: 100%;
		margin-right: 0;
	}

	.itnotice ul li .txt {
		height: auto;
		margin-bottom: 20px
	}

	.noticdetail {
		margin: 20px auto
	}

	.noticdetail h1 {
		margin-bottom: 10px;
		padding-bottom: 13px;
		font-size: 20px
	}

	.noticdetail .text h2 {
		font-weight: normal;
		margin-bottom: 15px
	}

}

@media screen and (max-width:990px) {

	.itSupport .bor .blue {
		width: 220px;
		height: 85px;
	}

	.itSupport .bor .orge {
		width: 220px;
		height: 85px;
	}

	.itSupport .bor .red {
		width: 220px;
		height: 85px;
	}

	.itSupport .bor div h5 {
		font-size: 14px;
		padding-top: 18px;
		margin-left: 14px;
	}

	.itSupport .bor div em {
		margin-left: 14px;
	}


}


@media screen and (max-width:768px) {
	.serShow h6 {
		font-size: 16px
	}

	.topMun li {
		font-size: 14px
	}

	.rightText .title .pic {
		width: 25%;
	}

	.rightText .title .text h1 {
		font-size: 16px
	}

	.rightText .content h3 {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}

	.rightText .content ul li {
		margin-bottom: 15px
	}

	.rightText .content ul {
		margin: 15px 0
	}

	.itSupport {
		margin-bottom: 30px
	}

	.itSupport .bor div {
		float: none
	}

	.itSupport .bor .blue {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 7px;
		height: auto;
		padding: 5% 0
	}

	.itSupport .bor .orge {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 7px;
		height: auto;
		padding: 5% 0
	}

	.itSupport .bor .red {
		width: 100%;
		margin-bottom: 7px;
		height: auto;
		padding: 5% 0
	}

	.itSupport .bor div h5 {
		padding-top: 0
	}

	.itDownload ul li h1 {
		font-size: 18px;
		font-weight: bold;
	}

	.itDownload ul li a {
		width: 100px;
	}


}



.internet .w1200 {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.internet .w1200 .tag {
	margin: 58px auto
}

.internet .w1200 .tag h1 {
	font-size: 30px;
	color: #000000;
	border-left: 2px solid #0d63e6;
	padding-left: 21px;
	margin-bottom: 35px
}

.internet .pic {
	width: 100%;
	height: 242px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}


.internet .w1200 .tag ul {
	overflow: hidden;
}

.internet .w1200 .tag ul li {
	font-size: 14px;
	color: #666666;
	background: #fff;
	width: 33.33%;
	border: 1px solid #f9f9f9;
	float: left;
	padding: 0 2%;
	line-height: 50px;
	box-sizing: border-box;
}

.internet .w1200 .tag ul li i {
	color: #ff9e11;
	margin-right: 10px
}

@media screen and (max-width:1200px) {

	.internet .w1200 {
		width: 96%;
	}

	.internet .w1200 .tag h1 {
		font-size: 22px;
		margin-bottom: 13px;
	}

	.internet .pic {
		height: 165px
	}

	.internet .w1200 .tag ul li {
		width: 50%;
	}
}


@media screen and (max-width:768px) {

	.internet .w1200 .tag h1 {
		font-size: 18px
	}

	.internet .pic {
		height: 110px
	}

	.internet .w1200 .tag ul li {
		width: 100%;
	}

}

@media screen and (max-width:523px) {

	.internet .pic {
		height: 80px
	}

}

@media screen and (max-width:383px) {

	.internet .pic {
		height: 70px
	}

}

.joinUs {
	width: 1200px;
	margin: 0 auto
}

.joinUs .title {
	margin: 50px auto;
	text-align: center;
}

.joinUs .title h1 {
	font-size: 36px;
	color: #000000;
	text-align: center;
	display: inline-block;
	width: 54%;
}

.joinUs .title h1:before {
	content: '';
	display: inline-block;
	height: 1px;
	background: #ededed;
	width: 20%;
	vertical-align: middle;
	margin-right: 3%
}

.joinUs .title h1:after {
	content: '';
	display: inline-block;
	height: 1px;
	background: #ededed;
	width: 20%;
	vertical-align: middle;
	margin-left: 3%
}

.joinUs .title p {
	font-size: 18px;
	color: #000000;
	text-align: center;
	margin-top: 10px;
}

.joinUs ul {
	overflow: hidden;
}

.joinUs ul li {
	width: 32%;
	margin-right: 2%;
	border: 1px solid #f9f9f9;
	box-sizing: border-box;
	padding: 5% 3%;
	height: 455px;
	float: left;
}

.joinUs ul li .pic {
	text-align: center;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.joinUs ul li .pic img {
	display: block;
	margin: 0 auto
}

.joinUs ul li h2 {
	font-size: 24px;
	color: #000000;
	text-align: center;
	margin: 30px auto
}

.joinUs ul li p {
	font-size: 14px;
	color: #666666;
	line-height: 25px
}

.joinUs ul li:nth-child(3) {
	margin-right: 0
}


.joinUs ul li:hover {
	background: #0c64e9
}

.joinUs ul li:hover h2 {
	color: #fff
}

.joinUs ul li:hover p {
	color: #fff
}

.joinUs ul li:hover .pic {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

.career {
	background: #f9f9f9;
	margin-top: 80px;
	padding: 47px 0 70px 0;
}

.career .careerBox {
	width: 1200px;
	margin: 0 auto
}

.career .careerBox h3 {
	font-size: 24px;
	color: #000000
}

.career .careerBox ul {
	margin-top: 45px;
	overflow: hidden;
}

.career .careerBox ul li {
	overflow: hidden;
	height: 199px;
	width: 25%;
	box-sizing: border-box;
	float: left;
	border-left: 1px solid #efefef;
	background: url(../images/join-bg.jpg) center center no-repeat;
	background-size: cover;
}

.career .careerBox ul li .text {
	margin-top: 36px;
	height: 95px;
}

.career .careerBox ul li h3 {
	font-size: 16px;
	color: #000000;
	text-align: center;
}

.career .careerBox ul li h5 {
	font-size: 14px;
	color: #666666;
	text-align: center;
	margin-top: 25px
}

.career .careerBox ul li h5 em {
	margin-left: 28px
}

.career .careerBox ul li a {
	font-size: 14px;
	color: #fff;
	width: 105px;
	height: 33px;
	text-align: center;
	line-height: 33px;
	background: #0973e0;
	display: block;
	margin: 0 auto
}

.career .careerBox ul li:hover {
	background: #fff;
}

.showBox {
	display: none;
	width: 530px;
	background: #fff;
	padding: 2%;
	position: absolute;
	z-index: 9999;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.showBox h1 {
	font-size: 24px;
	color: #000000
}

.showBox span {
	display: block;
	margin-top: 25px;
	font-size: 14px;
	color: #666666
}

.showBox span em {
	margin-right: 150px
}

.showBox .text {
	border-top: 1px solid #dcdcdc;
	margin-top: 35px;
	padding-top: 40px
}

.showBox .text h4 {
	font-size: 18px;
	color: #000000;
	margin-bottom: 25px
}

.showBox .text h4:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	border-left: 2px solid #005fee;
	margin-right: 12px;
	height: 20px
}

.showBox .text p {
	font-size: 14px;
	color: #666666;
	line-height: 25px
}

.showBox .text a {
	margin: 50px auto 0 auto;
	display: block;
	width: 30%;
	height: 40px;
	line-height: 40px;
	background: #0c64e9;
	color: #fff;
	text-align: center;
}

.showBox .text a i {
	margin-right: 5px
}

.showBox .close {
	position: absolute;
	right: 2%;
	font-size: 50px;
	color: #d2d2d2;
	top: 3%
}

.showfade {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0, 0, 0, .1);
	z-index: 999;
	top: 0;
	display: none;
}

@media screen and (max-width:1200px) {

	.joinUs {
		width: 96%;
	}

	.joinUs .title {
		margin: 20px auto
	}

	.joinUs .title h1 {
		font-size: 20px
	}

	.joinUs .title p {
		font-size: 14px
	}

	.joinUs ul li {
		height: auto;
	}

	.joinUs ul li .pic {
		width: 70%;
		margin: 0 auto
	}

	.joinUs ul li .pic img {
		width: 100%;
	}

	.joinUs ul li h2 {
		font-size: 18px;
		margin: 10px auto
	}

	.career .careerBox {
		width: 96%;
	}

	.career .careerBox ul li {
		width: 50%;
		height: auto;
		padding-bottom: 20px;
		border-bottom: 1px solid #cccccc
	}

	.career .careerBox ul li .text {
		margin-top: 23px;
	}

	.showBox {
		width: 56%;
	}
}

@media screen and (max-width:768px) {

	.joinUs ul li {
		margin-right: 0;
		width: 100%;
		float: none;
		margin-bottom: 15px
	}

	.joinUs ul li .pic {
		width: 25%;
		margin: 0 auto
	}

	.joinUs .title h1 {
		font-size: 18px
	}

	.joinUs ul li h2 {
		font-size: 16px
	}

	.career .careerBox ul li {
		width: 100%;
	}

	.career .careerBox ul li .text {
		height: auto;
		margin-bottom: 20px
	}

	.career .careerBox h3 {
		font-size: 18px;
		text-align: center;
	}

	.showBox h1 {
		font-size: 16px;
	}

	.showBox span {
		margin-top: 10px;
	}

	.showBox .text {
		margin-top: 10px;
		padding-top: 10px
	}

	.showBox .text h4 {
		font-size: 16px;
		margin-bottom: 12px
	}

	.showBox .close {
		top: 0;
		font-size: 28px
	}

	.showBox {
		width: 92%;
	}

	.showBox span em {
		display: block;
		margin-right: 0;
		margin-bottom: 10px
	}

	.showBox .text a {
		width: 80%;
		margin: 20px auto 0 auto;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		line-height: 30px
	}
}


.sharelink {
	width: 1200px;
	margin: 0 auto 50px auto
}

.sharelink .text {
	padding: 35px 0;
	border-bottom: 1px solid #e9e9e9
}

.sharelink .text h5 {
	font-size: 14px;
	color: #666666
}

.sharelink .text h2 {
	font-size: 24px;
	color: #000000;
	margin-top: 5px
}

.sharelink p {
	font-size: 14px;
	color: #666666;
	margin-top: 30px
}

.sharelink form {
	overflow: hidden;
	padding-bottom: 5%;
	border-bottom: 1px solid #fbfbfb;
	margin-bottom: 54px
}

.sharelink form .mb {
	overflow: hidden;
	height: 43px;
	line-height: 43px;
	margin-top: 33px
}

.sharelink form .mb label {
	display: block;
	float: left;
	height: 43px;
	line-height: 43px;
	display: block;
	float: left;
	width: 13%
}

.sharelink form .mb label i {
	color: #2a8df3;
	font-size: 35px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

.sharelink form .mb input {
	height: 43px;
	padding: 0 5%;
	border: 1px solid #eaeaea;
	display: block;
	float: left;
	box-sizing: border-box;
	width: 46%
}

.sharelink form .mb a {
	width: 8%;
	display: block;
	height: 41px;
	border: 1px solid #157fea;
	float: left;
	text-align: center;
	margin-left: 2%
}

.sharelink form .mb a:hover {
	background: #157fea;
	color: #fff
}

.sharelink .link {
	overflow: hidden;
}

.sharelink .link h1 {
	font-size: 24px;
	color: #000000;
	float: left;
	color: #000000;
	font-size: 24px;
}

.sharelink .link .txt {
	float: left;
	text-align: center;
	margin-left: 15px
}

.sharelink .link .txt a {
	display: block;
	font-size: 14px;
	color: #666666;
	float: left;
	line-height: 30px;
}

.sharelink .link .txt i {
	font-size: 14px;
	color: #666666;
	display: block;
	float: left;
	line-height: 30px;
	margin: 0 15px
}

.sharelink .link .txt a:hover {
	color: #1e85ee
}


@media screen and (max-width:1200px) {

	.sharelink {
		width: 96%;
		margin: 0 auto 30px auto;
	}

	.sharelink .text h2 {
		font-size: 18px;
	}

	.sharelink .text {
		padding: 20px 0
	}

	.sharelink p {
		margin-top: 15px
	}

	.sharelink form .mb label {
		float: none;
		width: 100%;
	}

	.sharelink form .mb {
		line-height: normal;
		height: auto;
	}

	.sharelink form {
		margin-bottom: 20px
	}

	.sharelink form .mb input {
		padding: 0 3%;
		width: 100%;
		float: none;
		height: auto;
		padding: 10px
	}

	.sharelink form .mb a {
		width: 40%;
		line-height: 40px;
		height: 40px;
		margin-left: 0;
		margin-top: 10px
	}

	.sharelink .link h1 {
		float: none;
		width: 100%;
		font-size: 18px
	}

	.sharelink .link .txt {
		font-size: 14px;
		float: none;
		margin-left: 0;
		overflow: hidden;
		margin-top: 10px
	}


}

@media screen and (max-width:768px) {

	.sharelink .text h2 {
		font-size: 16px
	}

	.sharelink form .mb label i {
		font-size: 24px
	}

	.sharelink form .mb label {
		font-size: 16px
	}

	.sharelink form .mb a {
		width: 50%;
		height: auto;
		line-height: normal;
		padding: 1% 0;
	}

	.sharelink .link h1 {
		font-size: 16px
	}

	.sharelink .link .txt i {
		display: none;
	}

	.sharelink .link .txt a {
		margin: 0 12px
	}

}


.concat {
	width: 1200px;
	margin: 0 auto;
}

.concat .tag {
	overflow: hidden;
	border-left: 2px solid #0c64e9;
	overflow: hidden;
	height: 26px;
	line-height: 26px;
	margin: 45px 0
}

.concat .tag h3 {
	font-size: 24px;
	color: #2a2a2a;
	float: left;
	margin-left: 18px
}

.concat .tag h4 {
	float: left;
	font-size: 18px;
	color: #666666;
	margin-left: 18px
}

.sqllist {
	border: 1px solid #e7e7e7;
	padding: 50px 0;
	overflow: hidden;
}

.sqllist .first {
	width: 30%;
	border-right: 1px solid #e7e7e7
}

.sqllist .lisx {
	float: left;
	box-sizing: border-box;
}

.sqllist .lisx h5 {
	text-align: center;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 30px
}

.sqllist .lisx p {
	font-size: 14px;
	color: #666666;
	text-align: center;
}

.sqllist .lisx i {
	color: #0c64e9;
}

.sqllist .sed {
	width: 40%;
	border-right: 1px solid #e7e7e7
}

.sqllist .three {
	width: 30%;
}


.axdd {
	padding: 23px 23px 40px 23px;
	background: #f8f8f8
}

.chse_list {
	overflow: hidden;
	margin-bottom: 20px;
}

.chse_list li {
	width: 27%;
	padding: 2% 3%;
	background: #fff;
	float: left;
	position: relative;
	cursor: pointer;
}

.chse_list li h5 {
	font-size: 14px;
	color: #2a2a2a;
	margin-bottom: 10px
}

.chse_list li h2 {
	font-size: 24px;
	color: #666666
}

.chse_list li:nth-child(1) i {
	position: absolute;
	width: 18px;
	height: 94px;
	background: url(../images/sz01.png) no-repeat;
	bottom: -20px;
	right: 9%
}

.chse_list li:nth-child(2) i {
	position: absolute;
	width: 41px;
	height: 125px;
	background: url(../images/gz02.png) no-repeat;
	bottom: -33px;
	right: 9%
}

.chse_list li:nth-child(3) i {
	position: absolute;
	width: 62px;
	height: 62px;
	background: url(../images/earth.png) no-repeat;
	bottom: 17px;
	right: 9%;
	background-size: cover;
}



.chse_list li.on {
	background: #0c64e9;
}

.chse_list li.on h5 {
	color: #fff
}

.chse_list li.on h2 {
	color: #fff
}

.chse_list li.on:nth-child(1) i {
	background: url(../images/sz02.png) no-repeat;
}

.chse_list li.on:nth-child(2) i {
	background: url(../images/gz01.png) no-repeat;
}

.chse_list li.on:nth-child(3) i {
	background: url(../images/earth02.png) no-repeat;
	width: 62px;
	height: 62px;
	background-size: cover;
}

.menu-content .text {
	float: left;
	width: 50%;
	padding: 49px 0;
	background: #fff
}

.menu-content .pic {
	float: left;
	width: 50%;
}

.menu-content .text span {
	margin-left: 37px;
	display: block;
	margin-bottom: 10px
}

.menu-content .text i {
	color: #0c64e9;
	float: left;
	margin-right: 5px
}

.menu-content .text h5 {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	float: left;
	margin-right: 5px
}

.menu-content .text h6 {
	font-size: 12px;
	color: #666666;
	float: left;
}

.menu-content .text p {
	font-size: 12px;
	color: #666666;
	line-height: 25px;
}

.axdd>.menu-content.acitve {
	display: block;
	overflow: hidden;
}

.axdd>.menu-content {
	display: none;
}

.concat .txt {
	border: 1px solid #ebebeb;
	padding: 3% 0 0% 0;
}

.concat .txt ul {
	overflow: hidden;
}

.concat .txt ul li {
	margin-bottom: 55px;
	float: left;
	width: 33.3%;
	border-right: 1px solid #ebebeb;
	padding-left: 3%;
	box-sizing: border-box;
}

.concat .txt ul li h5 {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 28px;
}

.concat .txt ul li h5 i {
	color: #0c64e9;
}

.concat .txt ul li p {
	font-size: 14px;
	color: #666666;
	line-height: 25px
}

.concat .txt ul li:hover {
	background: #0c64e9;
}

.concat .txt ul li:hover h5 i,
.concat .txt ul li:hover h5 {
	color: #fff
}

.concat .txt ul li:hover p {
	color: #fff
}

@media screen and (max-width:1200px) {

	.concat {
		width: 96%;
	}

	.concat .tag {
		margin: 20px auto;
		height: 20px;
		line-height: 20px;
	}

	.concat .tag h3 {
		font-size: 18px
	}

	.concat .tag h4 {
		font-size: 14px
	}

	.sqllist .lisx {
		float: none;
		border-bottom: 1px solid #e7e7e7;
		margin-bottom: 10px;
		padding-bottom: 10px
	}

	.sqllist .first,
	.sqllist .sed,
	.sqllist .three {
		width: 100%;
		border-right: none
	}

	.sqllist {
		padding: 20px 0
	}

	.sqllist .lisx h5 {
		margin-bottom: 10px;
	}

	.chse_list li:nth-child(1) i {
		display: none;
	}

	.chse_list li:nth-child(2) i {
		display: none;
	}

	.chse_list li:nth-child(3) i {
		display: none
	}

	.chse_list li {
		padding: 3% 0;
		width: 33.33%;
		text-align: center;
	}

	.chse_list li h2 {
		font-size: 16px
	}

	.menu-content .text {
		float: none;
		width: 100%;
		padding: 20px 0;
	}

	.menu-content .pic {
		float: none;
		width: 100%;
	}

	.menu-content .pic img {
		width: 100%;
	}

	.concat .txt {
		margin-bottom: 30px;
	}

	.concat .txt ul li {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #ebebeb;
		margin-bottom: 15px;
		padding-bottom: 10px
	}

	.concat .txt ul li h5 {
		margin-bottom: 15px;
	}

}

@media screen and (max-width:768px) {

	.concat .tag h3 {
		font-size: 16px
	}

	.sqllist .lisx h5 {
		font-size: 14px;
		font-weight: normal;
	}

	.axdd {
		padding: 20px 10px;
	}

	.menu-content .text span {
		margin-left: 0
	}

	.concat .txt ul li h5 {
		margin-bottom: 5px;
	}
}


.cdn {}

.cdn .cdnBox {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden
}

.cdn .tag {
	overflow: hidden;
	overflow: hidden;
	height: 35px;
	line-height: 35px;
	padding: 20px 0;
	border-bottom: 1px solid #f9f9f9;
	margin-bottom: 20px
}

.cdn .tag h3 {
	font-size: 30px;
	color: #2a2a2a;
	float: left;
}

.cdn .tag h3:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	border-left: 2px solid #0c64e9;
	height: 30px;
	margin-right: 18px
}

.cdn .tag h4 {
	float: left;
	font-size: 18px;
	color: #666666;
	margin-left: 18px
}

.cdnquk {}

.cdnquk .text {
	float: left;
	width: 67%;
}

.cdnquk .pic {
	width: 33%;
	float: left;
	position: relative;
	top: -75px
}

.cdnquk .pic img {
	width: 100%;
}

.appic {
	overflow: hidden;
}

.appic .lix {
	outline: none
}

.appic h5 {
	font-size: 28px;
	color: #000000;
	text-align: center;
	margin-bottom: 20px
}

.appic .pic {
;
	margin: 0 auto 5px auto;
	width: 442px;
}

.appic p {
	color: #666666;
	font-size: 14px;
	text-align: center;
	line-height: 25px
}


.allx {
	text-align: center;
	overflow: hidden;
	margin-bottom: 45px
}

.allx li {
	overflow: hidden;
	width: 31.33%;
	box-sizing: border-box;
	border-right: 1px solid #f9f9f9;
	display: inline-block;
}

.allx li img {
	display: inline-block;
}

.allx li h5 {
	font-size: 18px;
	color: #000000;
	display: inline-block;
	vertical-align: middle;
}

.allx li:nth-child(3) {
	border-right: none
}

.ys {
	background: url(../images/cdnbg.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 70px
}

.ys .tag {
	border-bottom: none;
	margin: 30px 0;
	padding-bottom: 0
}

.ys .tag h3 {
	color: #fff
}

.ys .list-1 {
	overflow: hidden;
}

.ys .list-1 li {
	width: 31%;
	margin-right: 2%;
	border: 1px solid #4b5463;
	padding: 3%;
	box-sizing: border-box;
	float: left;
	margin-bottom: 30px
}

.ys .list-1 li h5 {
	color: #fff;
	font-size: 16px
}

.ys .list-1 li h5:before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #0c64e9;
	vertical-align: middle;
	margin-right: 7px
}

.ys .list-1 li .txt {
	height: 90px;
	color: #fff;
	font-size: 12px;
	margin-top: 25px;
	line-height: 25px
}

.ys .list-1 li:hover {
	border-color: #0e66e9
}


.ys .list-2 {
	overflow: hidden;
}

.ys .list-2 li {
	text-align: center;
	font-size: 14px;
	color: #fff;
	width: 33.33%;
	border: 1px solid #4b5463;
	float: left;
	padding: 0 2%;
	line-height: 50px;
	box-sizing: border-box;
}

.ys .list-2 li i {
	color: #ff9e11;
	margin-right: 10px
}

.vipNode {
	background: #f3faff;
	overflow: hidden;
	padding-bottom: 50px
}

.vipNode .tag {
	border-bottom: none;
	margin: 30px 0;
	padding-bottom: 0
}

.vipNode .text {
	float: left;
	width: 53%;
}

.vipNode .pic {
	float: left;
	width: 45%;
}

.vipNode .pic img {
	width: 100%
}

.vipNode .text p:before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #aad9ff;
	margin-right: 10px;
	vertical-align: middle;
}


.rxnode p {
	font-size: 14px;
	color: #666666;
	line-height: 25px
}

.mapnode {
	padding-bottom: 50px
}

.mapnode .map {
	float: left;
	width: 61%;
}

.mapnode .map ul li {
	display: none;
}

.mapnav {
	float: right;
	width: 29%;
}

.mapnav h3 {
	border-left: 2px solid #1760cd;
	padding-left: 15px
}

.mapnav ul {
	padding: 20px 0;
	border-bottom: 1px solid #e1e1e1;
	overflow: hidden;
	margin-bottom: 20px
}

.mapnav ul li {
	cursor: pointer;
	width: 82px;
	height: 82px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	float: left;
	background: #8bb5f4;
	line-height: 82px;
	text-align: center;
	color: #fff;
	margin-right: 48px
}

.mapnav ul li:nth-child(3) {
	margin-right: 0
}

.mapnav ul li.on {
	background: #176be9;
}

.mapnav p {
	font-size: 14px;
	color: #666666;
	display: none;
}


@media screen and (max-width:1200px) {

	.cdn .cdnBox {
		width: 96%;
	}

	.cdn .tag {
		line-height: 25px;
		height: 25px;
	}

	.cdn .tag h3 {
		font-size: 20px
	}

	.appic h5 {
		font-size: 20px;
	}

	.appic .pic {
		width: 40%;
	}

	.appic .pic img {
		width: 100%;
	}

	.ys .list-1 li {
		width: 100%;
		margin-right: 0
	}

	.ys .list-1 li .txt {
		height: auto;
	}

	.ys .list-2 li {
		width: 100%;
		float: none;
		text-align: left;
	}

	.vipNode .text p {
		font-size: 14px;
		margin-bottom: 20px
	}

	.mapnode .map {
		width: 100%;
		float: none;
	}

	.mapnode .map ul li img {
		width: 100%;
	}

	.mapnav {
		width: 100%;
		float: none;
		margin: 30px auto
	}
}

@media screen and (max-width:768px) {


	.cdn .tag h3 {
		font-size: 18px
	}

	.cdn .tag h3:before {
		vertical-align: middle;
		height: 20px
	}

	.cdnquk .text {
		float: none;
		width: 100%;
	}

	.cdnquk .pic {
		float: none;
		width: 50%;
		top: 0
	}

	.appic h5 {
		font-size: 16px;
		margin-bottom: 10px
	}

	.allx li {
		width: 100%;
		margin-bottom: 20px;
		border-right: none
	}

	.allx li img {
		width: 10%;
	}

	.allx li h5 {
		width: 75%;
		text-align: left;
		margin-left: 5%;
		font-size: 14px
	}

	.ys .list-1 li h5 {
		font-size: 14px
	}

	.vipNode .text {
		width: 100%;
		float: none;
	}

	.vipNode .pic {
		width: 50%;
		float: none;
	}

	.mapnav ul li {
		width: 50px;
		height: 50px;
		line-height: 50px;
		margin-right: 11px;
	}

}


.dataCenter {
	width: 1200px;
	margin: 50px auto
}

.datNav {
	text-align: center;
}

.datNav ul {
	border-bottom: 1px solid #f9f9f9;
}

.datNav ul li {
	cursor: pointer;
	display: inline-block;
	width: 190px;
	border-left: 1px solid #ebebeb;
	position: relative;
	padding: 12px 0
}

.datNav ul .hasSon:after {
	content: '\e609';
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}

.datNav ul li:hover {
	background: url(../images/san.jpg) no-repeat;
	background-position: center top;
}

.datNav ul li:hover:after {
	color: #0777e8;
	content: '\e602';
}

.datNav ul li:hover dl {
	display: block;
}

.datNav ul li dl {
	position: absolute;
	width: 100%;
	/*bottom: 45px;*/
	display: none;
	z-index: 999;
	top:101%;
}

.datNav ul li dl dd {
	display: block;
	margin-bottom: 1px;
}

.datNav ul li dl dd a {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #f5f5f5;
	color: #666666;
	font-size: 14px
}

.datNav ul li dl dd a:hover {
	background: #1e85ee;
	color: #fff
}

.datNav ul li:last-child{
	border-right: 1px solid #ebebeb;
}

.dataCenter .text h1 {
	font-size: 36px;
	color: #000000;
	text-align: center;
	display: inline-block;
	width: 100%
}

.dataCenter .text h1 i {
	width: 25%;
	height: 1px;
	background: #f6f6f6;
	display: inline-block;
	vertical-align: middle;
}

.dataCenter .text h1 cite {
	width: 5px;
	height: 5px;
	content: '';
	display: inline-block;
	background: #1e85ee;
	margin-right: 20px;
	vertical-align: middle;
}

.dataCenter .text h1 em {
	width: 30%;
	height: 1px;
	background: #f6f6f6;
	display: inline-block;
	vertical-align: middle;
}

.dataCenter .text h1 small {
	width: 5px;
	height: 5px;
	content: '';
	display: inline-block;
	background: #1e85ee;
	margin-left: 20px;
	vertical-align: middle;
}

.dataCenter .text p {
	font-size: 14px;
	color: #666666;
	line-height: 25px;
	margin-top: 30px
}


.dataslide {
	border-top: 1px solid #fbfbfb;
	border-bottom: 1px solid #fbfbfb;
	margin: 70px 0;
}

.slideBox {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.slideNav {
	width: 14%;
	float: left;
	border-right: 1px solid #fbfbfb;
	overflow: hidden;
}

.slideNav ul li {
	line-height: 39px;
	height: 39px;
	cursor: pointer;
	padding-left: 20px;
	margin-bottom: 10px
}

.slideNav ul li.on {
	background: url(../images/slide-bg.jpg) left center no-repeat;
	color: #fff;
	padding-left: 50px
}

.slideBox .text {
	float: right;
	width: 77%;
	display: none;
}

.slideBox .text .td01 {
	float: left;
	width: 66%;
}

.slideBox .text .td01 h1 {
	margin: 60px auto;
	font-size: 24px;
	color: #000
}

.slideBox .text .td01 p {
	font-size: 15px;
	color: #333333;
	line-height: 25px;
	margin-bottom: 20px
}

.slideBox .text .td02 {
	float: right;
	width: 34%
}

.slideBox .text .td02 img {
	width: 100%;
}

.slideBox .text .td02 span {
	display: block;
	line-height: 60px;
	height: 60px;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	background: #f7f7f7
}

.slideBox .text .td02 li {
	outline: none;
}

.datNav select {
	display: none;
}

@media screen and (max-width:1200px) {

	.datNav ul {
		display: none;
	}

	.datNav select {
		display: block;
		width: 20%;
		height: 30px;
		line-height: 30px;
		float: left;
		box-sizing: border-box;
	}

	.dataCenter,
	.slideBox {
		width: 96%
	}

	.dataCenter .text h1 {
		font-size: 20px;
	}

	.slideNav {
		width: 100%;
		float: none;
	}

	.slideNav ul li {
		float: left;
		width: 20%;
		box-sizing: border-box;
		font-size: 14px;
		padding-left: 0;
		text-align: center;
	}

	.slideNav ul li.on {
		padding-left: 0;
		background: #1e85ee
	}

	.slideBox .text {
		width: 100%;
		float: none;
	}

	.slideBox .text .td01 h1 {
		margin: 10px 0;
		font-size: 18px
	}

	.slideBox .text .td01 {
		width: 100%;
		float: none;
	}

	.slideBox .text .td01 img {
		width: 50%
	}

	.slideBox .text .td02 {
		margin-top: 20px;
		float: none;
		width: 50%
	}


}

@media screen and (max-width:768px) {

	.slideNav ul li {
		width: 50%
	}

	.dataCenter .text h1 i,
	.dataCenter .text h1 cite,
	.dataCenter .text h1 small,
	.dataCenter .text h1 em {
		display: none;
	}

	.dataCenter {
		margin: 20px auto
	}

	.dataCenter .text h1 {
		font-size: 16px;
	}

	.dataCenter .text p {
		margin-top: 15px
	}

	.dataslide {
		margin: 20px auto
	}

	.slideBox .text .td01 img {
		width: 100%;
	}

	.slideBox .text .td01 h1 {
		font-size: 16px
	}

	.slideBox .text .td02 {
		width: 100%;
	}

	.slideBox .text .td02 span {
		line-height: 40px;
		height: 40px
	}

}




.case {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.icloud {
	overflow: hidden;
}

.icloud .text {
	float: left;
	width: 51%;
}

.icloud .text h2 {
	margin-top: 120px;
	font-size: 36px;
	color: #000000;
	margin-bottom: 58px;
}

.icloud .text p {
	font-size: 12px;
	color: #000000;
	line-height: 25px
}

.icloud .pic {
	float: right;
	width: 35%;
	position: relative;
}

.icloud .pic .bigr {
	-webkit-animation: spinOver 50s linear infinite;
	animation: spinOver 50s linear infinite;
}

.icloud .pic img {
	width: 100%;
}

.icloud .pic .ray {
	position: absolute;
	top: 17%;
	left: 13%;
	-webkit-animation: spin-pulse 20s linear infinite;
	animation: spin-pulse 20s linear infinite;
	width: 73%;
}

.icloud .pic .clude {
	position: absolute;
	top: 30%;
	left: 21%;
	width: 60%;
}

.icBox .tag {
	overflow: hidden;
	border-left: 2px solid #0c64e9;
	overflow: hidden;
	height: 32px;
	line-height: 32px;
	margin: 45px 0
}

.icBox .tag h3 {
	font-size: 30px;
	color: #2a2a2a;
	float: left;
	margin-left: 18px
}

.icBox .tag h4 {
	float: left;
	font-size: 18px;
	color: #666666;
	margin-left: 18px
}

.icBox .tag h5 {
	float: left;
	font-size: 12px;
	margin-left: 12px;
	margin-top: 3px
}


.ic-01 {
	background: #f7f7f7;
	padding: 30px 0
}

.icBox {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.ic-01 .icBox ul {
	overflow: hidden;
	margin-top: 20px;
	padding-bottom: 20px
}

.ic-01 .icBox ul li {
	width: 25%;
	text-align: center;
	float: left;
}

.ic-01 .icBox ul li h2 {
	font-weight: bold;
	margin: 20px auto;
	font-size: 18px;
	color: #000000
}

.ic-01 .icBox ul li p {
	font-size: 12px;
	color: #666666;
	line-height: 25px
}

.ic-02 {
	margin: 40px 0
}

.ic-02 li {
	border-right: 1px solid #f0f0f0;
	outline: none
}

.ic-02 li .pic {
	display: block;
	margin: 0 auto
}

.ic-02 li .pic img {
	display: block;
	margin: 0 auto
}

.ic-02 li h4 {
	font-size: 20px;
	color: #000000;
	margin: 25px auto;
	text-align: center;
}

.ic-02 li p {
	font-size: 12px;
	color: #666666;
	line-height: 25px;
	text-align: center;
}


.case .tag {
	overflow: hidden;
	border-left: 2px solid #0c64e9;
	overflow: hidden;
	height: 32px;
	line-height: 32px;
	margin: 45px 0
}

.case .tag h3 {
	font-size: 30px;
	color: #2a2a2a;
	float: left;
	margin-left: 18px
}

.case .tag h4 {
	float: left;
	font-size: 18px;
	color: #666666;
	margin-left: 18px
}


.ic-03 {
	background: #f7f7f7;
	padding: 10px 0
}

.ic-03 ul {
	overflow: hidden;
	padding-bottom: 60px
}

.ic-03 ul li {
	cursor: pointer;
	float: left;
	width: 16%;
	margin: 0 2%;
	position: relative;
}

.ic-03 ul li img {
	width: 100%;
}

.ic-03 ul li em {
	border-radius: 50%;
	background: #0c64e9;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	display: none;
	text-align: center;
	color: #fff;
	font-size: 14px
}

.ssx {
	padding: 60px 0
}

.ssx h4 {
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 22px
}

.ssx .txt .td {
	width: 50%;
	float: left;
	padding-bottom: 32px;
	border-bottom: 1px solid #f6f6f6;
	font-size: 12px;
	color: #666666;
	margin-bottom: 40px
}

.ssx .txt .td span {
	display: block;
	float: left;
}

.ssx .txt .td em {
	display: block;
	float: left;
	line-height: 25px
}






.ic-04 {
	background: url(../images/case-bg03.jpg) no-repeat;
	padding-bottom: 70px
}

.ic-04 ul {
	overflow: hidden;
}

.ic-04 ul li {
	float: left;
	width: 33.33%;
	box-sizing: border-box;
	border: 1px solid #59596c;
	overflow: hidden;
	height: 247px;
	overflow: hidden;
}

.ic-04 ul li i {
	text-align: center;
	font-size: 40px;
	color: #a1a2ad;
	margin-top: 30px;
	display: block;
}

.ic-04 ul li h4 {
	font-size: 18px;
	color: #fff;
	margin: 10px 0;
	text-align: center;
}

.ic-04 ul li p {
	color: #80808e;
	font-size: 14px;
	text-align: center;
	line-height: 25px
}

.ic-04 ul li:hover {
	border-color: #0e66e9
}

.ic-04 ul li:hover i,
.ic-04 ul li:hover p,
.ic-04 ul li:hover h4 {
	color: #fff;
}

.ic-05 {
	background: #f7f7f7
}

.ic-05 ul {
	overflow: hidden;
	margin-bottom: 40px
}

.ic-05 ul li {
	float: left;
	width: 18%;
	margin: 0 1%;
	border: 1px solid #f1f1f1;
	box-sizing: border-box;
}

.ic-05 ul li img {
	width: 100%
}

.lisxc {
	overflow: hidden;
	margin-bottom: 75px;
}

.lisxc li {
	float: left;
	width: 18%;
	margin: 0 1%;
	background: #f7f7f7;
	text-align: center;
	padding: 1% 0;
}

.lisxc li img {
	width: 15%;
	display: inline-block;
	margin-right: 10%
}

.lisxc li h5 {
	display: inline-block;
}



@media screen and (max-width:1200px) {

	.case,
	.icBox {
		width: 96%;
	}

	.icloud .text h2 {
		margin-top: 30px;
		margin-bottom: 20px;
		font-size: 20px;
	}

	.icBox .tag,
	.case .tag {
		margin: 20px auto
	}

	.icBox .tag h3,
	.case .tag h3 {
		font-size: 20px
	}

	.ic-01 .icBox ul li {
		width: 50%;
		margin-bottom: 30px;
	}

	.ic-01 .icBox ul li h2 {
		font-size: 16px;
		margin: 10px auto;
	}

	.ic-02 li h4 {
		margin: 10px 0;
		font-size: 16px;
	}

	.ic-03 ul li {
		width: 29.33%;
		margin-bottom: 20px;
	}

	.ssx .txt .td {
		width: 100%;
		float: none;
	}

	.ic-04 {
		background-size: cover;
		background-position: center center;
	}

	.ic-04 ul li {
		width: 100%;
		float: none;
	}

	.ic-05 ul li,
	.lisxc li {
		width: 31.33%;
		margin-bottom: 20px;
	}

	.ssx .txt .td {
		margin-bottom: 25px;
	}


}

@media screen and (max-width:768px) {

	.icloud .text {
		width: 100%;
		float: none;
	}

	.icloud .pic {
		width: 60%;
		float: none;
		margin-top: 20px;
	}

	.icloud .pic .ray {
		top: 19%
	}

	.icloud .text h2,
	.icBox .tag,
	.case .tag {
		margin: 10px auto;
		font-size: 16px
	}

	.icBox .tag h3,
	.case .tag h3 {
		font-size: 16px
	}

	.ic-01 {
		padding-top: 10px
	}

	.ic-01 .icBox ul li {
		width: 100%
	}

	.ic-01 .icBox ul li h2 {
		font-size: 14px
	}

	.ic-03 ul li {
		width: 46%;
	}

	.ic-03 ul {
		padding-bottom: 30px;
	}

	.ssx {
		padding: 20px 0;
	}

	.ssx h4 {
		font-size: 16px;
	}

	.ic-04 ul li h4 {
		font-size: 16px;
	}

	.ic-04 ul li {
		height: auto;
		padding-bottom: 30px;
	}

	.ic-05 ul li,
	.lisxc li {
		width: 48%;
	}

	.lisxc {
		margin-bottom: 30px;
	}

	.lisxc li h5 {
		font-size: 14px;
	}

	.ic-02 li {
		border-right: none
	}
}


/*index*/

.proSer {
	background: #f2f5f8;
	padding: 50px 0
}

.proBox {
	width: 1660px;
	margin: 0 auto;
}

.proBox h1 {
	font-size: 30px;
	color: #414141;
	text-align: center;
}

.proBox h1:after {
	content: '';
	display: block;
	width: 50px;
	height: 2px;
	background: #0b7ef4;
	margin: 10px auto
}

.proBox p {
	font-size: 18px;
	color: #444444;
	text-align: center;
}

.proBox ul {
	overflow: hidden;
	margin-top: 45px
}

.proBox ul li {
	width: 29.3%;
	margin: 0 1%;
	background: #ffffff;
	padding: 3% 3%;
	overflow: hidden;
	box-sizing: border-box;
	float: left;
}

.proBox ul li .pic {
	float: right;
	margin-top: 20px
}

.proBox ul li .text {
	float: left;
}

.proBox ul li h2 {
	font-size: 30px;
	color: #444444;
}

.proBox ul li p {
	font-size: 14px;
	color: #858585;
	line-height: 25px;
	margin: 16px 0
}

.proBox ul li a {
	color: #0862e9;
	font-size: 14px;
	display: block;
	width: 97px;
	text-align: center;
	line-height: 31px;
	border: 1px solid #0862e9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.proBox ul li:hover {
	background: url(../images/serbg.jpg) no-repeat;
	background-size: cover;
}

.proBox ul li:hover h2,
.proBox ul li:hover p {
	color: #fff
}

.proBox ul li:hover a {
	background: #ff9700;
	color: #fff;
	border-color: #ff9700
}


.inmap {
	width: 100%;
	background: url(../images/inmapbg.jpg) no-repeat;
	background-size: cover;
	padding: 86px 0
}

.imBox {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.imBox .text {
	float: left;
}

.imBox .text h3 {
	font-size: 30px;
	color: #fff;
	position: relative;
}

.imBox .text .earx {
	overflow: hidden;
	margin: 66px 0
}

.imBox .text .earx span {
	display: block;
	font-size: 14px;
	color: #ffffff;
	line-height: 26px;
	height: 26px;
	float: left;
	margin-right: 40px
}

.imBox .text .sp1 {
	background: url(../images/earx01.png) no-repeat left center;
	padding-left: 40px
}

.imBox .text .sp2 {
	background: url(../images/earx02.png) no-repeat left center;
	padding-left: 40px
}

.imBox .text span {
	display: block;
}

.cterval {
	margin-bottom: 10px;
	width: 166px;
	height: 46px;
	background: #3a5271;
}

.cterval h4 {
	text-align: center;
	line-height: 46px;
	font-size: 14px;
	color: #fff;
	background: url(../images/inmap01.png) 20px no-repeat;
}

.node {
	margin-bottom: 10px;
	width: 166px;
	height: 46px;
	background: #3a5271;
}

.node h4 {
	text-align: center;
	line-height: 46px;
	font-size: 14px;
	color: #fff;
	background: url(../images/inmap02.png) 20px no-repeat;
}

.cndode {
	margin-bottom: 10px;
	width: 166px;
	height: 46px;
	background: #3a5271;
}

.cndode h4 {
	text-align: center;
	line-height: 46px;
	font-size: 14px;
	color: #fff;
	background: url(../images/inmap03.png) 20px no-repeat;
}

.abv {
	background: url(../images/adv-bg.jpg) no-repeat center center;
	height: 143px;
	background-size: cover;
}

.abvBox {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.abvBox h4 {
	float: left;
	font-size: 24px;
	color: #ffffff;
	line-height: 143px
}

.abvBox a {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	border: 1px solid #ff9700;
	transition: all .5s;
	margin-top: 53px;
	color: #fff;
	float: right;
	background: #ff9700;
	display: block;
	width: 140px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.abvBox a:hover {
	background: none;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}


.cndadd {
	background: url(../images/cnd-bgx.jpg) center center no-repeat;
	padding: 74px 0 110px 0;
	background-size: cover;
}

.cndBox {
	width: 1200px;
	margin: 0 auto
}

.cndBox h1 {
	font-size: 30px;
	color: #414141;
	text-align: center;
}

.cndBox h1:after {
	content: '';
	display: block;
	width: 50px;
	height: 2px;
	background: #0b7ef4;
	margin: 10px auto
}

.cndBox p {
	font-size: 18px;
	color: #444444;
	text-align: center;
}

.cndBox ul {
	overflow: hidden;
	margin-top: 55px
}

.cndBox ul li {
	float: left;
	padding: 3% 5%;
	background: #fff;
	border: 1px solid #eff4f8;
	margin: 0 1%;
	width: 31%;
	box-sizing: border-box;
	margin-bottom: 23px
}

.cndBox ul li .pic {
	margin: 0 auto;
	display: block;
}

.cndBox ul li .pic img {
	display: block;
	margin: 0 auto
}

.cndBox ul li h4 {
	text-align: center;
	font-size: 16px;
	color: #333333;
	text-align: center;
	margin: 15px 0;
}

.cndBox ul li p {
	font-size: 13px;
	color: #858585;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.cndBox ul li:hover {
	background: #1f6fe7;
	border-color: #1f6fe7
}

.cndBox ul li:hover h4 {
	color: #fff
}

.cndBox ul li:hover p {
	color: #fff;
}

.caseBoxi {
	width: 1200px;
	margin: 0 auto
}

.caseBoxi .tag {
	height: 57px;
	border-bottom: 1px solid #dbdbdb;
	overflow: hidden;
}

.caseBoxi .tag h2 {
	font-size: 30px;
	color: #ffffff;
	float: left;
}

.caseBoxi .tag h5 {
	font-size: 18px;
	color: #fff;
	margin-left: 20px;
	margin-top: 15px;
	float: left;
}

.caseBoxi .txt {
	overflow: hidden;
	margin-top: 65px
}

.caseBoxi .txt .clnav {
	float: left;
	width: 158px;
	background: url(../images/cloudCom.jpg) no-repeat;
	padding: 33px
}

.caseBoxi .txt .clnav ul li {
	position: relative;
	cursor: pointer;
	font-size: 16px;
	color: #ffffff;
	line-height: 48px;
	text-align: center;
	border-bottom: 1px solid #37adfc
}

.caseBoxi .txt .clnav ul li i {
	font-size: 22px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
}

.caseBoxi .txt .clnav ul li:after {
	content: '';
	display: none;
	position: absolute;
	width: 35px;
	height: 2px;
	background: #fff;
	right: -50px;
	top: 26px;
}

.caseBoxi .txt .clnav ul li:hover:after {
	display: block;
}

.caseBoxi .txt .clnav ul li.active:after {
	display: block;
}



.caseBoxi .txt .manx {
	width: 920px;
	float: right;
}

.caseBoxi .txt .manx .wzh {
	height: 190px;
}

.caseBoxi .txt .manx h1 {
	font-size: 30px;
	color: #fff;
}

.caseBoxi .txt .manx .wzh p {
	font-size: 14px;
	color: #ffffff;
	line-height: 25px;
	margin: 20px 0;
}

.caseBoxi .txt .manx .wzh a {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	width: 150px;
	line-height: 45px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #ff9700;
	border: 1px solid #ff9700;
	font-size: 14px;
	color: #fff;
	display: block;
}

.caseBoxi .txt .manx .wzh a:hover {
	background: none;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.caseBoxi .txt .manx h4 {
	font-size: 18px;
	color: #ffffff;
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 20px
}

.caseBoxi .txt .manx ul {
	margin-top: 20px;
	overflow: hidden;
}

.caseBoxi .txt .manx ul li {
	text-align: center;
	width: 20%;
	float: left;
}

.caseBoxi .txt .manx ul li img {
	width: 100%;
	margin: 0 auto
}



.inCase {
	display: none;
	background: url(../images/inCase.jpg) no-repeat center center;
	background-size: cover;
	padding: 75px 0 105px 0
}

.innews {
	width: 1200px;
	margin: 80px auto
}

.innews h1 {
	font-size: 30px;
	color: #444444;
	margin-bottom: 53px;
}

.innews ul {
	overflow: hidden;
}

.innews ul li {
	width: 31.33%;
	margin: 0 1%;
	float: left;
}

.innews ul li .pic {
	width: 100%;
	margin-bottom: 25px;
	position: relative;
}

.innews ul li .pic em {
	display: block;
	width: 50%;
	background: rgba(2, 119, 234, .8);
	position: absolute;
	top: 0;
	text-align: center;
	color: #fff;
	font-size: 18px
}

.innews ul li .pic img {
	width: 100%
}

.innews ul li .text {
	margin-top: 30px;
	padding-left: 30px;
	padding-bottom: 20px
}

.innews ul li .text p {
	font-size: 13px;
	color: #666666;
	margin-bottom: 8px
}

.innews ul li .text a {
	display: block;
	font-size: 14px;
	color: #bbbbbb;
	margin-top: 32px
}

.innews ul li:hover {
	background: rgba(2, 119, 234, .8);
}

.innews ul li:hover .text p {
	color: #fff
}

.innews ul li:hover .text a {
	color: #fff
}

.video {
	height: 242px;
}

.video a {
	display: block;
	width: 100%;
	height: 100%;
}


.inMap {
	float: right;
	margin-right: 100px;
	position: relative;
}

.inMap img {
	width: 100%
}

.inMap .beijing {
	position: absolute;
	z-index: 98;
	top: 34%;
	left: 74%;
}

.inMap .ylistx .bjBox {
	position: relative;
}

.inMap .ylistx .bjBox .exray {
	width: 11px;
	height: 11px;
	margin: 20px auto 0 auto;
	position: relative;
}

.inMap .ylistx .bjBox span {
	cursor: pointer;
	position: relative;
	width: 11px;
	height: 11px;
	display: block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #ff9700;
}

.inMap .ylistx .bjBox span:after {
	margin: 0 auto;
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	display: block;
	width: 21px;
	height: 21px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: rgba(254, 168, 0, .4);

	-webkit-animation: smallBig 1s linear infinite;
	-moz-animation: smallBig 1s linear infinite;
	animation: smallBig 1s linear infinite;
}

.inMap .ylistx .bjBox em {
	display: block;
	position: absolute;
	background: url(../images/inmap02.png) no-repeat;
	-webkit-animation: top 1s linear infinite;
	-moz-animation: top 1s linear infinite;
	animation: top 1s linear infinite;
	width: 20px;
	height: 18px;
	z-index: 99;
	left: -4px;
}

.inMap .ylistx .bjBox i {
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	top: 15px;
	right: 8px;
}

.inMap .ylistx .bjBox i:before {
	content: '';
	display: block;
	position: relative;
	background: rgba(255, 255, 255, .5);
	width: 16px;
	height: 16px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	top: -4px;
	left: -4px;
}


.bjBox .txtlist {
	padding-bottom: 30px;
	position: absolute;
	bottom: -9px;
	display: none;
	z-index: 999999;
	width: 200px;
	left: -100px
}

.bjBox .txtlist ul {
	background: #4B556A;
	padding: 3px 0 10px 0
}

.bjBox .txtlist ul li {
	padding-bottom: 5px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin: 5px 0 0 0;
}

.bjBox .txtlist ul li a {
	color: #fff;
}

.bjBox .txtlist ul li a:hover {
	color: #9EA5B4;
}

.inMap .ylistx .bjBox .exray p {
	z-index: 99;
	position: absolute;
	top: -7px;
	right: -55px;
	width: 47px;
	height: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #4b9ef4;
	text-align: center;
	line-height: 25px;
	font-size: 14px;
	color: #fff;
}

.inMap .shanghai {
	position: absolute;
	z-index: 999;
	top: 57%;
	left: 85%;
}

.inMap .wuhan {
	position: absolute;
	z-index: 99;
	top: 61%;
	left: 70%;
}

.inMap .hongkong {
	position: absolute;
	z-index: 9999999;
	bottom: 10%;
	left: 74%;
}

.inMap .sz {
	position: absolute;
	z-index: 999;
	bottom: 15%;
	left: 74%;
}

.inMap .ylistx.sz .bjBox .exray p {
	right: -50px;
	top: -25px;
}

.inMap .ylistx.gz .bjBox .exray p {
	right: 18px;
	top: -17px;
}

.inMap .gz {
	position: absolute;
	z-index: 99;
	bottom: 15%;
	left: 71%;
}

.m-map {
	display: none;
}

.imBox .mlist {
	display: none
}

@media screen and (max-width:1660px) {

	.proBox {
		width: 1200px;
	}

	.proBox ul li {
		width: 30.3%;
	}

	.proBox ul li .pic {
		width: 30%;
	}

	.proBox ul li .pic img {
		width: 100%;
	}

	.proBox ul li .text {
		width: 65%
	}

	.proBox ul li h2 {
		font-size: 24px;
	}

	.proBox ul li p {
		margin: 10px 0;
	}
}


@media screen and (max-width:1200px) {

	.proBox {
		width: 96%;
	}

	.proBox ul li .pic {
		display: none;
	}

	.proBox ul li .text {
		width: 100%;
	}

	.proBox ul li h2 {
		text-align: center;
	}

	.proBox ul li a {
		margin: 0 auto
	}

	.proBox h1 {
		font-size: 24px
	}

	.proBox p {
		font-size: 16px
	}

	.proBox ul {
		margin-top: 20px
	}

	.proBox ul li h2 {
		font-size: 18px
	}

	.abv {
		height: 90px;
	}

	.abvBox {
		width: 96%;
	}

	.abvBox h4 {
		font-size: 16px;
		line-height: 90px
	}

	.abvBox a {
		margin-top: 28px
	}

	.cndBox {
		width: 96%;
	}

	.proBox ul li {
		width: 48%;
		margin-bottom: 12px
	}

	.cndBox h1 {
		font-size: 24px
	}

	.cndBox p {
		font-size: 16px
	}

	.cndBox ul li {
		width: 48%;
	}

	.inCase {
		padding: 30px 0;
	}

	.caseBoxi {
		width: 96%;
	}

	.caseBoxi .txt .clnav {
		width: 100%;
		float: none;
		box-sizing: border-box;
		background: none;
		padding: 33px 0
	}

	.caseBoxi .txt .clnav ul {
		overflow: hidden;
	}

	.caseBoxi .txt .clnav ul li {
		float: left;
		margin: 0 .5%;
		background: #37adfc;
		color: #fff;
		padding: 0 .5%;
		font-size: 14px;
		width: 18%;
		line-height: 35px;
		margin-bottom: 10px
	}

	.caseBoxi .txt .clnav ul li i {
		display: none;
	}

	.caseBoxi .txt .clnav ul li.active:after {
		display: none
	}

	.caseBoxi .txt .clnav ul li.active {
		background: #ff9700;
	}

	.caseBoxi .txt .clnav ul li:hover:after {
		display: none;
	}

	.caseBoxi .txt .manx {
		width: 100%;
		float: none;
	}

	.caseBoxi .txt .manx h1 {
		font-size: 22px
	}

	.caseBoxi .txt .manx .wzh {
		height: auto;
		margin-bottom: 30px
	}

	.caseBoxi .txt .manx .wzh a {
		width: 90px;
		height: 35px;
		line-height: 35px;
	}

	.caseBoxi .txt {
		margin-top: 20px
	}

	.caseBoxi .txt .manx ul li {
		width: 25%
	}

	.caseBoxi .tag h2 {
		font-size: 22px
	}

	.caseBoxi .tag h5 {
		font-size: 14px;
		margin-top: 10px;
	}

	.caseBoxi .tag {
		height: 45px;
	}

	.cndadd {
		padding: 30px 0 50px 0;
	}

	.cndBox ul {
		margin-top: 30px
	}

	.innews {
		width: 96%;
		margin: 30px auto;
	}

	.innews h1 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.innews ul li .pic em {
		font-size: 16px
	}

	.innews ul li {
		width: 48%;
		margin-bottom: 20px;
	}

	.video {
		height: 160px;
	}

	.inMap {
		display: none;
	}

	.inmap {
		padding: 30px 0
	}

	.imBox {
		width: 96%;
	}

	.imBox .text {
		width: 100%;
		float: none;
		text-align: center;
	}

	.imBox .text h3 {
		font-size: 20px;
		text-align: center;
	}

	.imBox .text .earx {
		margin: 15px auto;
		text-align: center;
	}

	.imBox .text .earx span {
		display: inline-block;
		float: none;
	}

	.imBox .text span {
		display: inline-block;
	}

	.imBox .text span,
	.cterval,
	.cterval h4,
	.node h4,
	.cndode h4 {
		line-height: 30px;
		height: 30px
	}

	.m-map {
		width: 100%;
		display: block;
	}

	.m-map img {
		width: 100%;
	}

	.imBox .mlist {
		display: block;
	}

	.imBox .mlist dl .txt {
		display: none;
	}

	.imBox .mlist dl dt {
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		width: 100%;
		height: 30px;
		line-height: 30px;
		background: rgba(78, 197, 241, 0.3);
		text-align: center;
		color: #fff;
		cursor: pointer;
		margin-bottom: 5px
	}

	.imBox .mlist dl dd {
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		text-align: center;
		height: 40px;
		line-height: 40px;
		background: rgba(116, 116, 116, .3);
		padding: 0 2%;
		color: #fff;
		font-size: 14px;
		margin-bottom: 5px
	}

	.imBox .mlist dl dd a {
		color: #fff;
	}

	.imBox .mlist dl.on dt {
		background: rgba(0, 0, 0, .3);
	}
}



@media screen and (max-width:768px) {

	.proBox ul li {
		width: 100%;
		margin-bottom: 12px;
		margin-right: 0;
	}

	.proSer {
		padding: 20px 0
	}

	.proBox h1 {
		font-size: 18px
	}

	.proBox p {
		font-size: 14px
	}

	.abv {
		height: auto;
		padding-bottom: 25px
	}

	.abvBox h4 {
		float: none;
		text-align: center;
		width: 100%;
		line-height: normal;
		margin: 15px 0
	}

	.abvBox a {
		float: none;
		width: 30%;
		text-align: center;
		line-height: 25px;
		margin: 0 auto;
		height: 25px;
		font-size: 14px
	}

	.cndBox ul li {
		width: 100%;
		float: none
	}

	.cndBox ul li .pic {
		width: 15%;
	}

	.cndBox ul li .pic img {
		width: 100%
	}

	.cndBox ul li h4 {
		font-size: 14px;
		margin: 10px 0
	}


	.caseBoxi .tag h2 {
		font-size: 18px
	}

	.caseBoxi .tag h5 {
		font-size: 12px;
		margin-top: 5px
	}

	.caseBoxi .tag h5 {
		height: 32px
	}

	.caseBoxi .txt .clnav ul li {
		width: 48%
	}

	.caseBoxi .txt .manx h1,
	.caseBoxi .txt .manx h4 {
		font-size: 16px;
	}

	.caseBoxi .txt .manx ul li {
		width: 50%
	}

	.caseBoxi .txt .clnav {
		padding: 15px 0
	}

	.cndBox h1 {
		font-size: 18px
	}

	.cndBox p {
		font-size: 14px
	}

	.innews ul li {
		width: 98%
	}

	.innews h1 {
		font-size: 16px;
	}

	.video {
		height: 130px;
	}

	.imBox .text h3 {
		font-size: 16px
	}

}


.aboutUs {
	width: 1200px;
	margin: 0 auto;
}

.aboutUs .title {
	margin: 40px auto;
}

.aboutUs .title img {
	width: 85%;
	display: block;
	margin: 0 auto
}

.aboutUs .txt .text {
	width: 57%;
	float: left
}

.aboutUs .txt .text p {
	font-size: 14px;
	color: #666666;
	line-height: 28px;
	margin-top: 60px;
}

.aboutUs .txt .pic {
	width: 33%;
	float: right
}

.aboutUs .txt .pic img {
	width: 100%
}

.aboutUs .txt {
	margin-bottom: 30px
}


.amBout {
	background: url(../images/aboutxbg.jpg);
	padding: 10px 0
}

.aray {
	width: 38%;
	float: left;
	position: relative;

}

.outray {
	position: relative;
	-webkit-animation: spin-pulse 10s linear infinite;
	-moz-animation: spin-pulse 10s linear infinite;
	animation: spin-pulse 10s linear infinite
}

.outray span {
	display: block;
	width: 10%;
	position: absolute;
	-webkit-animation: spinOver 10s linear infinite;
	-moz-animation: spinOver 10s linear infinite;
	animation: spinOver 10s linear infinite
}

.outray span img {
	width: 100%;
}

.outray .isp {
	top: 9%;
	right: 10%;
}

.outray .cloud {
	bottom: 22%;
	right: 1%;
}

.outray .vas {
	bottom: -2%;
	right: 58%;
}

.outray .cdn {
	top: 52%;
	left: -4%;
}

.outray .idc {
	top: 5%;
	left: 16%;
}



.outray img {
	width: 100%;
}

.aray img {
	width: 100%;
}

.wabll {
	width: 75%;
	position: absolute;
	top: 14%;
	left: 12%;
	-webkit-animation: spinOver 10s linear infinite;
	-moz-animation: spinOver 10s linear infinite;
	animation: spinOver 10s linear infinite
}

.wabll img {
	width: 100%
}

.aboutUs .text01 {
	width: 53%;
	float: right;
	margin-top: 134px
}

.aboutUs .text01 p {
	font-size: 16px;
	color: #ffffff;
	line-height: 28px;
	margin-bottom: 50px
}

.delevt {
	background: url(../images/deletbg.jpg) center center no-repeat;
	background-size: cover;
	overflow: hidden;
}

.delevt .line {
	background: url(../images/line.png) center center no-repeat;
	position: relative;
}

.delevt .line .coludlogo {
	position: absolute;
	right: -5%;
	top: 43.2%;
}


.delevt .line ul {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.delevt .line ul li {
	width: 87px;
	float: left;
	outline: line;
}

.delevt .line ul li:nth-child(2n-1) {
	color: #fff;
	position: relative;
	outline: none;
}

.delevt .line ul li:nth-child(2n-1):after {
	content: '';
	display: block;
	height: 92px;
	width: 2px;
	background: #1469c7
}

.delevt .line ul li:nth-child(2n-1) h5:before {
	content: '';
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 5px;
	background: #1469c7;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.delevt .line ul li:nth-child(2n-1) h4 {
	margin-left: 10px;
	font-size: 14px;
	position: absolute;
	bottom: 120px;
	width: 160px
}

.delevt .line ul li:nth-child(2n-1) h5 {
	font-weight: bold;
	font-size: 14px
}

.delevt .line ul li:nth-child(2n-1):nth-child(2) {
	margin-left: 90px
}


.delevt .line ul li:nth-child(2n) {
	color: #fff;
	z-index: 9999;
	position: relative;
	margin-top: 110px;
	outline: none;
}
.delevt .line ul li:last-child h4{
width: auto;
}

.delevt .line ul li:nth-child(2n):before {
	content: '';
	display: block;
	height: 92px;
	width: 2px;
	background: #1469c7
}

.delevt .line ul li:nth-child(2n) h5:before {
	content: '';
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 5px;
	background: #1469c7;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.delevt .line ul li:nth-child(2n) h4 {
	margin-left: 10px;
	font-size: 14px;
	position: absolute;
	top: 120px;
	width: 160px
}
.delevt .line ul li:last-child h4 {
	margin-left: 10px;
	font-size: 14px;
	position: absolute;
	top: 120px;
	width: auto;
}


.delevt .title {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding: 50px 0
}

.delevt .title img {
	display: inline-block;
}

.linelist {
	position: relative;
	overflow: hidden;
}




.honor {
	background: #f9f9f9;
}

.honer .title {
	text-align: center;
}

.honorBox {
	width: 1200px;
	margin: 0 auto;
	padding: 40px 0
}

.honer .title img {
	display: inline-block;
}

.yesrlist {
	overflow: hidden;
	text-align: center;
	font-size: 0px;
	margin: 30px auto
}

.yesrlist li {
	outline: none;
	cursor: pointer;
	width: 20%;
	display: inline-block;
	box-sizing: border-box;
	font-size: 14px;
	color: #666666
}

.yesrlist li span {
	display: inline-block;
	width: 60%;
	margin: 0 auto;
	padding: 5px 0
}

.yesrlist li.on span {
	background: #0973e0;
	color: #fff
}

.mainHor {
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	padding: 40px;
	width: 1200px;
	background: #fff;
	display: none
}

.mainHor ul li {
	overflow: hidden;
	padding: 10px 0;
	border-bottom: 1px solid #eeeeee
}

.mainHor ul li i {
	display: inline-block;
	vertical-align: middle;
	color: #0973e0;
	float: left
}

.mainHor ul li h5 {
	display: block;
	margin: 0 10px;
	float: left
}

.mainHor ul li p {
	float: left
}

.mainHor dl {
	overflow: hidden;
	width: 100%;
	margin: 50px auto 0 auto;
	position: relative;
}

.mainHor dl dd {
	float: left;
	width: 32.3%;
	margin: 0 .5%
}

.mainHor dl dd img {
	width: 100%
}

.mainHor dl .slick-list {
	width: 85%;
	margin: 0 auto
}


@media screen and (max-width:1200px) {

	.aboutUs {
		width: 96%;
		overflow: hidden;
	}

	.aboutUs .txt .text p {
		margin-top: 20px
	}

	.aboutUs .title {
		margin: 20px auto
	}

	.aboutUs .title img {
		width: 100%
	}

	.aboutUs .text01 {
		margin-top: 30px
	}

	.aboutUs .text01 p {
		margin-bottom: 20px;
		font-size: 14px
	}

	.delevt .title {
		width: 96%;
		margin: 0 auto;
		padding: 10px 0;
	}

	.delevt .title img {
		width: 100%;
		display: block;
	}

	.delevt .line ul {
		width: 96%
	}

	.delevt .line .coludlogo {
		display: none;
	}

	.delevt .line ul li:nth-child(2n-1):after,
	.delevt .line ul li:nth-child(2n):before {
		height: 50px
	}

	.delevt .line ul li:nth-child(2n) {
		margin-top: 72px;
	}

	.delevt .line ul li:nth-child(2n-1) h4 {
		bottom: 75px;
	}

	.delevt .line ul li:nth-child(2n) h4 {
		top: 75px
	}


	.honorBox {
		width: 96%;
		overflow: hidden;
	}

	.honorBox .title img {
		width: 100%
	}

	.mainHor {
		width: 100%;
		padding: 3%
	}

}



@media screen and (max-width:768px) {

	.aboutUs .txt .text {
		width: 100%;
		float: none;
	}

	.aboutUs .txt .pic {
		width: 50%;
		float: none
	}

	.aboutUs .title {
		-webkit-transform: translate(-45%, 0);
		transform: translate(-45%, 0);
	}

	.aboutUs .title img {
		width: 200%;
	}

	.aboutUs .txt .text p {
		margin: 10px auto
	}

	.aboutUs .text01 {
		float: none;
		width: 100%;
	}

	.aray {
		float: none;
		width: 80%;
		margin: 20px auto 0 auto
	}

	.outray span {
		width: 14%
	}

	.delevt .title {
		-webkit-transform: translate(-45%, 0);
		transform: translate(-45%, 0);
	}

	.delevt .title img {
		width: 200%
	}

	.yesrlist {
		margin: 20px auto
	}

	.mainHor ul li {
		font-size: 14px
	}

	.mainHor dl {
		margin: 20px auto 0 auto;
	}

	.honorBox .title {
		-webkit-transform: translate(-45%, 0);
		transform: translate(-45%, 0);
	}

	.honorBox .title img {
		width: 200%;
	}

	.delevt .line ul li:nth-child(2n-1) h4 {
		width: 98%
	}

}


.serbox {
	width: 1200px;
	margin: 0 auto
}

.prxSer .title {
	padding: 26px 0;
	border-bottom: 1px solid #f8f8f8
}

.prxSer .title h1 {
	font-size: 24px;
	color: #000000;
	padding-left: 18px;
	border-left: 2px solid #2b77ea
}

.tsx01 {
	background: #fafafa;
	border-bottom: 1px solid #eaeaea;
	padding: 20px 0
}

.tsx01 ul {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.tsx01 ul li {
	width: 31%;
	margin: 0 1%;
	overflow: hidden;
	float: left;
	height: 150px;
}

.tsx01 ul li .pic {
	float: left;
	width: 20%;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.tsx01 ul li .pic img {
	width: 100%
}

.tsx01 ul li .text {
	float: left;
	margin-top: 15px;
	width: 75%;
	margin-left: 5%
}

.tsx01 ul li .text h2 {
	font-size: 18px;
	color: #000000;
	margin-bottom: 15px
}

.tsx01 ul li .text .txt {
	width: 80%;
}

.tsx01 ul li .text p {
	font-size: 12px;
	color: #666666;
	line-height: 25px;
}

.tsx01 ul li:hover .pic {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

.suppx {
	background: url(../images/boss0bg.jpg) center center no-repeat;
	background-size: cover;
	padding: 38px 0
}

.xupBox {
	width: 1200px;
	margin: 0 auto
}

.suppx .title {
	border-left: 2px solid #095ed5;
	padding-left: 20px
}

.suppx .title h1 {
	font-size: 24px;
	color: #ffffff;
}

.xupBox ul {
	overflow: hidden;
	margin: 25px 0
}

.xupBox ul li {
	cursor: pointer;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 16px;
	background: #fff;
	color: #333333;
	float: left;
	width: 15.5%;
	margin: 0 .5%;
}

.xupBox ul li.on {
	background: #0c64e9;
	color: #fff;
}

.xupBox .text {
	display: none;
}

.xupBox .text h5 {
	font-size: 16px;
	color: #333333;
	padding: 10px 0;
	background: #fff;
	padding-left: 28px;
	border-bottom: 1px dashed #e7e7e7
}

.xupBox .text .txt {
	padding: 26px;
	background: #fff
}

.xupBox .text .txt dl {
	margin-top: 30px;
	text-align: center;
	overflow: hidden;
}

.xupBox .text .txt dl dd {
	float: left;
	text-align: center;
	width: 20%
}

.xupBox .text .txt dl dd img {
	width: 35%;
	display: inline-block;
}

.xupBox .text .txt dl dd h6 {
	font-size: 12px;
	color: #666666;
	margin-top: 20px
}

.xupBox .text .txt p {
	font-size: 13px;
	color: #666666;
	line-height: 25px
}

/*登录*/
.login {
	padding: 10px 0;
	text-align: center;
}

.login form {
	display: inline-block;
	width: 40%;
	text-align: left;
}

.login form h3 {
	font-size: 18px;
	color: #000;
	line-height: 98px;
}

.login form p {
	margin-bottom: 12px;
}

.login form p label {
	float: left;
	width: 15%;
	box-sizing: border-box;
	font-size: 14px;
	color: #333;
	line-height: 35px;
}

.login form p input[type='text'] {
	float: left;
	width: 85%;
	padding-left: 3%;
	border: 1px solid #d4d4d4;
	box-sizing: border-box;
	line-height: 35px;
}

.login form h4 {
	margin-bottom: 12px;
}

.login form h4 label {
	float: left;
	width: 15%;
	box-sizing: border-box;
	font-size: 14px;
	color: #333;
	line-height: 35px;
}

.login form h4 input[type='text'] {
	float: left;
	width: 35%;
	padding-left: 3%;
	border: 1px solid #d4d4d4;
	box-sizing: border-box;
	line-height: 35px;
}

.login form h4 span {
	float: left;
	margin-left: 10px;
	height: 35px;
}

.login form h4 a {
	float: left;
	margin-left: 10px;
	font-size: 14px;
	color: #666;
	line-height: 35px;
}

.login form h5 {
	padding: 20px 0;
}

.login form h5 a {
	float: left;
	width: 130px;
	height: 40px;
	margin-left: 15%;
	background: #000;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 40px;
}

.login form h5 input[type='checkbox'] {
	float: left;
	width: 15px;
	height: 15px;
	margin-top: 10px;
	margin-left: 10px;
	line-height: 35px;
}

.login form h5 span {
	float: left;
;
	margin-left: 10px;
	font-size: 14px;
	color: #666;
	line-height: 35px;
}

.login form h6 span {
	margin-left: 15%;
	font-size: 14px;
	color: #333;
	line-height: 80px;
}

.regsiter form h6 a {
	font-size: 12px
}

/*注册*/
.regsiter {
	padding: 10px 0;
	text-align: center;
	margin-bottom: 30px;
	overflow: hidden;
}

.regsiter form {
	display: inline-block;
	width: 40%;
	text-align: left;
}

.regsiter form h3 {
	font-size: 18px;
	color: #000;
	line-height: 98px;
}

.regsiter form p {
	margin-bottom: 12px;
}

.regsiter form p label {
	float: left;
	width: 15%;
	box-sizing: border-box;
	font-size: 14px;
	color: #333;
	line-height: 35px;
}

.regsiter form p input[type='text'] {
	float: left;
	width: 85%;
	padding-left: 3%;
	border: 1px solid #d4d4d4;
	box-sizing: border-box;
	line-height: 35px;
}

.regsiter form h4 {
	margin-bottom: 12px;
}

.regsiter form h4 label {
	float: left;
	width: 15%;
	box-sizing: border-box;
	font-size: 14px;
	color: #333;
	line-height: 35px;
}

.regsiter form h4 input[type='text'] {
	float: left;
	width: 35%;
	padding-left: 3%;
	border: 1px solid #d4d4d4;
	box-sizing: border-box;
	line-height: 35px;
}

.regsiter form h4 span {
	float: left;
	margin-left: 10px;
	height: 35px;
}

.regsiter form h4 a {
	float: left;
	margin-left: 10px;
	font-size: 14px;
	color: #666;
	line-height: 35px;
}

.regsiter form h5 {
	padding: 20px 0;
}

.regsiter form h5 a {
	float: left;
	width: 130px;
	height: 40px;
	margin-left: 15%;
	background: #000;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 40px;
}

.regsiter form h5 input[type='checkbox'] {
	float: left;
	width: 15px;
	height: 15px;
	margin-top: 10px;
	margin-left: 10px;
	line-height: 35px;
}

.regsiter form h5 span {
	float: left;
;
	margin-left: 10px;
	font-size: 14px;
	color: #666;
	line-height: 35px;
}

.regsiter form h6 a {
	font-size: 12px;
	color: #333;
}



/*忘记密码*/
.forget {
	padding: 10px 0;
	text-align: center;
	margin-bottom: 50px;
	overflow: hidden;
}

.forget form {
	display: inline-block;
	width: 40%;
	text-align: left;
}

.forget form h3 {
	font-size: 18px;
	color: #000;
	line-height: 98px;
}

.forget form p {
	margin-bottom: 12px;
}

.forget form p label {
	float: left;
	width: 15%;
	box-sizing: border-box;
	font-size: 14px;
	color: #333;
	line-height: 35px;
}

.forget form p input[type='text'] {
	float: left;
	width: 85%;
	padding-left: 3%;
	border: 1px solid #d4d4d4;
	box-sizing: border-box;
	line-height: 35px;
}

.forget form h4 {
	margin-bottom: 12px;
}

.forget form h4 label {
	float: left;
	width: 15%;
	box-sizing: border-box;
	font-size: 14px;
	color: #333;
	line-height: 35px;
}

.forget form h4 input[type='text'] {
	float: left;
	width: 54%;
	padding-left: 3%;
	border: 1px solid #d4d4d4;
	box-sizing: border-box;
	line-height: 35px;
}

.forget form h4 span {
	float: right;
	width: 28%;
	border: 1px solid #d4d4d4;
	background: #fff;
	text-align: center;
	line-height: 35px;
}

.forget form h5 {
	padding-top: 20px;
}

.forget form h5 a {
	float: left;
	width: 130px;
	height: 40px;
	margin-left: 15%;
	background: #000;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 40px;
}


@media screen and (max-width:1200px) {

	.serbox {
		width: 96%;
	}

	.prxSer .title h1 {
		font-size: 18px
	}

	.tsx01 ul {
		width: 96%
	}

	.tsx01 ul li {
		width: 48%;
		height: 200px
	}

	.prxSer .title {
		padding: 15px 0
	}

	.xupBox {
		width: 96%
	}

	.suppx .title h1 {
		font-size: 18px
	}

	.xupBox ul li {
		height: 34px;
		line-height: 34px;
		font-size: 14px;
		width: 23.5%;
		margin-bottom: 5px
	}

	/*登录*/
	.login form {
		width: 96%;
	}

	.regsiter form {
		width: 96%
	}

	.forget form {
		width: 96%
	}
}

@media screen and (max-width:768px) {

	.tsx01 ul li {
		width: 100%;
		float: none;
		margin: 0;
		height: auto;
		margin-bottom: 20px
	}

	.tsx01 ul li .text h2 {
		font-size: 14px;
		margin-bottom: 10px
	}

	.prxSer .title h1 {
		font-size: 16px
	}

	.suppx .title h1 {
		font-size: 16px
	}

	.xupBox ul li {
		width: 48.5%
	}

	.xupBox .text .txt dl dd {
		width: 33.3%;
		margin-bottom: 10px
	}


	.regsiter form {
		width: 100%;
	}

	.regsiter form p label {
		width: 20%;
	}

	.regsiter form p input[type='text'] {
		width: 80%;
	}

	.regsiter form h4 label {
		width: 20%;
	}

	.regsiter form h4 input[type='text'] {
		width: 18%;
	}

	.regsiter form h4 span {
		margin-left: 5px;
	}

	.regsiter form h4 a {
		margin-left: 5px;
		font-size: 12px;
	}

	.regsiter form h5 {
		padding: 20px 0;
	}

	.regsiter form h5 a {
		width: 100px;
		height: 30px;
		margin-left: 5%;
		font-size: 12px;
		line-height: 30px;
	}

	.regsiter form h5 input[type='checkbox'] {
		float: left;
		width: 15px;
		height: 15px;
		margin-top: 7px;
		margin-left: 15px;
		line-height: 30px;
	}

	.regsiter form h5 span {
		margin-left: 5px;
		font-size: 12px;
		color: #666;
		line-height: 30px;
	}

	.regsiter form h6 span {
		margin-left: 20%;
	}


	/*忘记密码*/
	.forget {
		padding: 20px 0;
	}

	.forget form {
		width: 100%;
	}

	.forget form p label {
		width: 20%;
	}

	.forget form p input[type='text'] {
		width: 80%;
	}

	.forget form h4 label {
		width: 20%;
	}

	.forget form h4 input[type='text'] {
		width: 48%;
	}

	.forget form h4 span {
		float: right;
		width: 28%;
		border: 1px solid #d4d4d4;
		background: #fff;
		text-align: center;
		line-height: 35px;
	}

	.forget form h5 a {
		margin-left: 20%;
	}
}


/*产品服务*/



.compare {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 30px
}

.compare .title {
	padding: 26px 0;
	overflow: hidden;
}

.compare .title h1 {
	font-size: 24px;
	color: #000000;
	padding-left: 18px;
	border-left: 2px solid #2b77ea;
	float: left;
}

.compare .title h2 {
	font-size: 16px;
	color: #666666;
	float: left;
	margin-left: 15px;
	margin-top: 6px
}

.compare .model {
	overflow: hidden;
}

.compare .model .txt {
	overflow: hidden;
	width: 48%;
	margin: 0 1%;
	float: left;
}

.compare .model .txt span {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	padding: 10px 0;
	border-bottom: 1px solid #f5f5f5
}

.compare .model .txt .pic i {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 60px;
	color: #0c64e9;
	padding: 5px 0
}

.compare .sexMon {
	padding: 10px
}

.compare .sexMon h3 {
	font-size: 16px;
	padding: 5px 0;
	border-bottom: 1px solid #dddddd;
}

.compare .sexMon h3 i {
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	font-size: 30px;
	color: #1468e8;
}

.compare .td {
	overflow: hidden;
	margin-left: 85px;
}

.compare .text {
	overflow: hidden;
	width: 48%;
	margin: 3% 1%;
	float: left;
	border-right: 1px solid #dddddd;
	box-sizing: border-box;
	float: left;
}

.compare .text h5 {
	font-size: 15px;
	color: #333;
	padding: 5px 0;
	font-weight: bold;
}

.compare .text p {
	font-size: 14px;
	color: #666666;
}

.compare .text:nth-child(2) {
	border: none
}

.compare .sexMon:nth-child(2n-1) {
	background: #fafafa
}





@media screen and (max-width:1200px) {
	.compare {
		width: 96%;
	}

	.compare .title {
		padding: 15px 0
	}

	.compare .title h1 {
		font-size: 18px
	}

	.compare .title h2 {
		margin-left: 20px;
		font-size: 14px;
		margin-top: 3px
	}

	.compare .td {
		margin-left: 9%
	}

	.compare .model .txt span {
		font-weight: normal;
	}

}


@media screen and (max-width:768px) {
	.compare .title h1 {
		font-size: 17px
	}

	.compare .title h2 {
		margin-left: 11px;
		font-size: 14px;
		margin-top: 1px;
	}

	.compare .model .txt span {
		font-size: 15px
	}

	.compare .text h5 {
		font-size: 15px;
		padding: 8px 0;
	}



}

.cnBaner {
	overflow: hidden;
}

.cnBaner .text {
	width: 1200px;
	margin: 245px auto 0 auto
}

.cnBaner .text h1 {
	font-size: 36px;
	color: #000000;
	margin-bottom: 25px
}

.cnBaner .text h1 em {
	margin-left: 10px;
	color: #0772e0
}

.cnBaner .text p {
	font-size: 14px;
	color: #333333;
	line-height: 26px;
}

.cnBaner .text a {
	width: 111px;
	height: 35px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #0c64e9;
	background: #0c64e9;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
	color: #fff;
	margin-top: 45px
}

.cnBaner .text a:hover {
	background: transparent;
	border: 1px solid #0c64e9;
	color: #0c64e9
}







@media screen and (max-width:1200px) {
	.cnBaner .text {
		width: 96%;
		margin: 155px auto 0 auto;
	}

	.cnBaner .text h1 {
		font-size: 20px;
		margin-bottom: 10px
	}

	.cnBaner .text a {
		margin-top: 15px
	}
}

@media screen and (max-width:768px) {

	.cnBaner .text p {
		display: none;
	}

	.cnBaner .text h1 {
		font-size: 18px;
	}

	.cnBaner .text a {
		width: 90px;
		height: 30px;
		line-height: 30px
	}

}

@media screen and (max-width: 600px) {

	.cnBaner .text {
		margin: 87px auto 0 auto;
	}

	.cnBaner .text h1 {
		font-size: 16px
	}

	.cnBaner .text a {
		width: 80px;
		line-height: 25px;
		height: 25px
	}
}



/*-------------------------------------动画-------------------------------------*/


/*圆转转转转*/
@-webkit-keyframes spin-pulse {
	0% {
		-webkit-transform: rotateZ(0);
		transform: rotateZ(0);
	}

	50% {
		-webkit-transform: rotateZ(-180deg);
		transform: rotateZ(-180deg);
	}

	100% {
		-webkit-transform: rotateZ(-360deg);
		transform: rotateZ(-360deg);
	}
}

@keyframes spin-pulse {
	0% {
		-webkit-transform: rotateZ(0);
		transform: rotateZ(0);
	}

	50% {
		-webkit-transform: rotateZ(-180deg);
		transform: rotateZ(-180deg);
	}

	100% {
		-webkit-transform: rotateZ(-360deg);
		transform: rotateZ(-360deg);
	}
}


@-webkit-keyframes spinOver {
	0% {
		-webkit-transform: rotateZ(0);
		transform: rotateZ(0);
	}

	50% {
		-webkit-transform: rotateZ(180deg);
		transform: rotateZ(180deg);
	}

	100% {
		-webkit-transform: rotateZ(-360deg);
		transform: rotateZ(360deg);
	}
}

@keyframes spinOver {
	0% {
		-webkit-transform: rotateZ(0);
		transform: rotateZ(0);
	}

	50% {
		-webkit-transform: rotateZ(180deg);
		transform: rotateZ(180deg);
	}

	100% {
		-webkit-transform: rotateZ(-360deg);
		transform: rotateZ(360deg);
	}
}

/*圆转转转转*/


@-webkit-keyframes smallBig {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
		filter: alpha(opacity=0);
	}

	0% {
		-moz-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		-moz-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
		filter: alpha(opacity=0);
	}

	0% {
		transform: scale(0);
		transform: scale(0)
	}

	50% {
		transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
		filter: alpha(opacity=0);
	}

}

@-moz-keyframes smallBig {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
		filter: alpha(opacity=0);
	}

	0% {
		-moz-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		-moz-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
		filter: alpha(opacity=0);
	}

	0% {
		transform: scale(0);
		transform: scale(0)
	}

	50% {
		transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
		filter: alpha(opacity=0);
	}

}

@keyframes smallBig {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
		filter: alpha(opacity=0);
	}

	0% {
		-moz-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		-moz-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
		filter: alpha(opacity=0);
	}

	0% {
		transform: scale(0);
		transform: scale(0)
	}

	50% {
		transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
		filter: alpha(opacity=0);
	}

}


@-webkit-keyframes top {

	0% {
		top: -180%
	}

	50% {
		top: -100%
	}

	100% {
		top: -180%
	}
}

@-moz-keyframes top {

	0% {
		top: -180%
	}

	50% {
		top: -100%
	}

	100% {
		top: -180%
	}
}

@keyframes top {

	0% {
		top: -180%
	}

	50% {
		top: -100%
	}

	100% {
		top: -180%
	}
}





.Animation {
	opacity: 0;
}

.cndBox h1.Animation.on {
	-webkit-animation: zoomIn .5s ease forwards;
	animation: zoomIn .5s ease forwards;
	opacity: 1;
	-webkit-transition: opacity .5s .5s;
	transition: opacity .5s .5s;
}

.cndBox p.Animation.on {
	-webkit-animation: zoomIn .5s ease forwards;
	animation: zoomIn .5s ease forwards;
	opacity: 1;
	-webkit-transition: opacity .5s .5s;
	transition: opacity .5s .5s;
}

.cndBox li:nth-child(1).Animation.on {
	-webkit-animation: fadeInLeft .5s ease forwards;
	animation: fadeInLeft .5s ease forwards;
	opacity: 1;
	-webkit-transition: opacity .5s .5s;
	transition: opacity .5s .5s;
}

.cndBox li:nth-child(4).Animation.on {
	-webkit-animation: fadeInLeft .5s ease forwards;
	animation: fadeInLeft .5s ease forwards;
	opacity: 1;
	-webkit-transition: opacity .5s .5s;
	transition: opacity .5s .5s;
}

.cndBox li:nth-child(2).Animation.on {
	-webkit-animation: fadeInDown .5s ease forwards;
	animation: fadeInDown .5s ease forwards;
	opacity: 1;
	-webkit-transition: opacity .5s .5s;
	transition: opacity .5s .5s;
}

.cndBox li:nth-child(3).Animation.on {
	-webkit-animation: fadeInRight .5s ease forwards;
	animation: fadeInRight .5s ease forwards;
	opacity: 1;
	-webkit-transition: opacity .5s .5s;
	transition: opacity .5s .5s;
}

.cndBox li:nth-child(5).Animation.on {
	-webkit-animation: fadeInUp .5s ease forwards;
	animation: fadeInUp .5s ease forwards;
	opacity: 1;
}

.cndBox li:nth-child(6).Animation.on {
	-webkit-animation: fadeInRight .5s ease forwards;
	animation: fadeInRight .5s ease forwards;
	opacity: 1;
	-webkit-transition: opacity .5s .5s;
	transition: opacity .5s .5s;
}

.clnav ul li.Animation.on {
	-webkit-animation: fadeInDown .5s ease forwards;
	animation: fadeInDown .5s ease forwards;
	opacity: 1;
	-webkit-transition: opacity .5s .5s;
	transition: opacity .5s .5s;
}

.inMapx.Animation.on {
	-webkit-animation: zoomIn .5s ease forwards;
	animation: zoomIn .5s ease forwards;
	opacity: 1;
	-webkit-transition: opacity .5s .5s;
	transition: opacity .5s .5s;
}

.innews ul li.Animation.on {
	-webkit-animation: zoomIn .5s ease forwards;
	animation: zoomIn .5s ease forwards;
	opacity: 1;
	-webkit-transition: opacity .5s .5s;
	transition: opacity .5s .5s;
}

.proBox h1,
.proBox p,
.proBox ul li.Animation.on,
.idc_swiper.swiper-container .swiper-slide.Animation.on,
.idc_t2 p.Animation.on,
.idc_title.Animation.on {
	-webkit-animation: fadeInUp .5s ease forwards;
	animation: fadeInUp .5s ease forwards;
	opacity: 1;
}

.title.Animation.on {
	-webkit-animation: fadeInDown .5s ease forwards;
	animation: fadeInDown .5s ease forwards;
	opacity: 1;
	-webkit-transition: opacity .5s .5s;
	transition: opacity .5s .5s;
}

.model.Animation.on {
	-webkit-animation: fadeInDown .5s ease forwards;
	animation: fadeInDown .5s ease forwards;
	opacity: 1;
	-webkit-transition: opacity .5s .5s;
	transition: opacity .5s .5s;
}

.sexMon.Animation.on {
	-webkit-animation: fadeInDown .5s ease forwards;
	animation: fadeInDown .5s ease forwards;
	opacity: 1;
	-webkit-transition: opacity .5s .5s;
	transition: opacity .5s .5s;
}


.mainHor dl dd {
	display: table-cell;
	vertical-align: middle;
}

.mainHor dl dd figure {
	display: table-cell;
	vertical-align: middle;
}

.test {
	position: absolute;
	left: 0;
	top: 100px;
	background: #fff;
	border: 1px #ccc solid;
	border-bottom: none;
	z-index: 999
}

.test li {
	border-bottom: 1px #ccc solid;
	text-align: center;
	font-size: 14px;
	line-height: 25px;
	padding: 0 30px;
}

.test h3 {
	font-size: 18px;
	border-bottom: 1px #ccc solid;
	text-align: center;
	font-size: 14px;
	line-height: 25px;
	padding: 10px 30px;
}